触摸屏运行全屏网页模式时,需禁用双指缩放及双击缩放,否则会影响使用操作。该功能可由浏览器自身的参数设置,也可以通过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
});