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

新手上路,请多包涵

这是困境,我有一个网页(仅适用于 Android 设备),在该页面中我有一个输入框(特别是一个文本框),当它获得焦点时,浏览器会放大。我不希望它放大 - 听起来容易,对吧?

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

<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();});

有任何想法吗?

原文由 Coomie 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 376
2 个回答

不可能!

我有一些坏消息要告诉你们。现在已经 6 个月了,没有人正确回答这个问题。

我也已经完成了那个项目和雇主的工作。

我不敢说,但我所要求的是不可能的。对不起人民。但我将保留这个问题,以便人们可以看到其他选项。

原文由 Coomie 发布,翻译遵循 CC BY-SA 3.0 许可协议

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

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

原文由 rebpp 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题