Android/iOS 移动浏览器 - 禁用事件

Question

如何禁用默认的移动浏览器事件，例如缩放(dblclick、展开)和选项(当您在屏幕上按住手指时会出现带有选项的弹出窗口)？

我试过这个:

document.addEventListener('ontouchstart', function(event) 
{
event.preventDefault();
}, false);

Answer 1

你可以像这样防止手指移动(滚动页面):

document.addEventListener('ontouchstart', function(e) {
    e.preventDefault();
});

document.body.addEventListener('touchmove', function(e) {
    e.preventDefault();
});

你只需要像这样调整 viewport 的缩放:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">