触摸屏禁用手指双击放大功能

触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,否则会影响使用操作。该功能可由浏览器自身的参数设置,也可以通过JS代码实现。

禁用双指缩放代码:

// 禁用双指缩放
document.documentElement.addEventListener('touchstart', function (event) {
    if (event.touches.length > 1) {
        event.preventDefault();
    }
}, {
    passive: false
  
});

禁用双击放大代码:

// 禁用双击放大
var lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
    var now = Date.now();
    if (now - lastTouchEnd <= 300) {
        event.preventDefault();
    }
    lastTouchEnd = now;
}, {
    passive: false
  
});
—— 完 ——
相关推荐
评论

立 为 非 似

中 谁 昨 此

宵 风 夜 星

。 露 , 辰

文章点击榜

细 无 轻 自

如 边 似 在

愁 丝 梦 飞

。 雨 , 花