Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/120.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 禁用移动Safari';s焦点事件(缩放)_Html_Ios_Mobile Safari - Fatal编程技术网

Html 禁用移动Safari';s焦点事件(缩放)

Html 禁用移动Safari';s焦点事件(缩放),html,ios,mobile-safari,Html,Ios,Mobile Safari,单击iOS设备上的输入字段时,它将放大该元素。我可以禁用此焦点事件吗?我提出了解决问题的要点。 document.getElementById("idOfInputField").onfocus = function(){return false;} 接受的解决方案不正确,因为它将完全取消焦点,从而阻止数据输入。我认为您最好设置视口: <meta name="viewport" content="width=device-width, user-scalable=no" />

单击iOS设备上的输入字段时,它将放大该元素。我可以禁用此焦点事件吗?

我提出了解决问题的要点。
 document.getElementById("idOfInputField").onfocus = function(){return false;}


接受的解决方案不正确,因为它将完全取消焦点,从而阻止数据输入。

我认为您最好设置视口:

<meta name="viewport" content="width=device-width, user-scalable=no" />


在触摸事件中禁用移动设备自动放大的最佳解决方案


太棒了!真不敢相信每个人都在建议viewport黑客,而这似乎很好地解决了这个问题。感谢您的记录,这是一个视口攻击,在JavaScript中只是动态的。:)如果您在helper.js中使用mobile-boilerplate(),您可以调用MBP.preventZoom(),它的工作原理基本相同,这正是我想要的。所有其他人都做出了不道德的行为,或者扰乱了视口,以至于响应能力会被覆盖。谢谢你,扎克!我不同意。使用@zachleat的解决方案,不需要完全禁用缩放。在大多数情况下禁用一起缩放是一个坏主意:您禁用了一个标准的交互。这个用户不仅不友好,而且在iOS10+中也不起作用(谢天谢地)。