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

【问题标题】：Android/iOS mobile browser - disable eventsAndroid/iOS 移动浏览器 - 禁用事件
【发布时间】：2011-06-14 01:16:34
【问题描述】：

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

我试过了：

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

【问题讨论】：

标签： android iphone mobile browser dom-events

【解决方案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">

【讨论】：

hum... 浏览器仍然允许两指缩放（dblclick 已禁用）。
您是否在来源的<head> 处为viewport 添加了<meta>？
不，我有一部 Motorola Milestone（开发手机）和一部三星 Galaxy S（开发和日常手机）

【解决方案2】：

如果您设置 user-scalable=no，则忽略 minimum-scale 和 maximum-scale。所以如果你想禁用缩放，你应该使用这个：

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

【讨论】：