禁用移动Safari的焦点事件(缩放)

时间:2011-02-15 11:05:48

标签: html ios mobile-safari

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

4 个答案:

答案 0 :(得分:13)

我提出了解决问题的要点。 https://gist.github.com/2008932

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

答案 1 :(得分:2)

我认为你最好设置视口:

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

See this thread

答案 2 :(得分:0)

 document.getElementById("idOfInputField").onfocus = function(){return false;}

答案 3 :(得分:0)

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">