通過阻止 touchstart 事件，解決移動端的 BUG

標籤：nbsp   hidden   window   efault   移動   dom   pre   tar   function   

在 iOS10 下，即使設定了 meta 標籤的 user-scalable=no 依然不能阻止使用者縮放。

解決此 BUG 的方法是阻止 PC 事件：

document.addEventListener(‘touchstart‘, function(ev) {    ev.preventDefault();});

另外，此方法還能解決 iOS10 中橫向頁面溢出，即使給 body 設定了 overflow:hidden 依然能橫向滑動的問題。

不過添加了此事件後會阻止 iOS10 的橡皮筋效果，另外也會禁止文字選中功能。

通過阻止 touchstart 的預設事件來解決此 BUG，另外阻止此預設事件還可以解決 300ms 延遲的 BUG。

 

當然，由於阻止了預設行為，那麼 a 標籤連結的預設跳轉頁就無法實現了，只能通過手動添加事件：

aDom.addEventListener(‘touchstart‘, function(ev) {    window.location.href = "www.tirion.me";});

輸入框擷取焦點也需要手動解決：

inputDom.addEventListener(‘touchstart‘, function(ev) {    ev.stopPropagation();});

 

通過阻止 touchstart 事件，解決移動端的 BUG