【问题标题】: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 已禁用)。
    • 您是否在来源的&lt;head&gt; 处为viewport 添加了&lt;meta&gt;
    • 不,我有一部 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">
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-11-11
      • 2015-04-11
      • 2019-02-20
      • 1970-01-01
      • 1970-01-01
      • 2020-06-12
      相关资源
      最近更新 更多