javascript - 在 Android 网页中禁用缩放输入焦点

Question

这是一个难题，我有一个网页(仅适用于 Android 设备)，在那个页面中我有一个输入框(特别是一个文本框)，当它获得焦点时，浏览器会放大。我不希望它放大in - 听起来很简单，对吧？

这就是有趣的地方:我必须能够放大一般所以不要说

<meta name='viewport' content='user-scalable=0'>

这对我不起作用。

此外，输入框不接收点击事件。当单击另一个按钮并以编程方式获得焦点时，它会出现。

这是我尝试过的方法，但到目前为止他们都失败了:

jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=no" />');
jQuery("#locationLock input").focus();
jQuery('head meta[name=viewport]').remove();
jQuery('head').prepend('<meta name="viewport" content="width=720px;intial-scale=1.0;maximum-scale=1.0;user-scalable=yes" />');

这也失败了:

<input type='text' onfocus="return false">

还有这个:

jQuery("#locationLock input").focus(function(e){e.preventDefault();});

有什么想法吗？

Answer 1

以下对我有用(Android Galaxy S2):

<meta name="viewport" content="width=device-width, height=device-height,  initial-scale=1.0, user-scalable=no;user-scalable=0;"/>