背景
希望在操控触摸板进行放大缩小的时候,pc浏览器不要跟着放大缩小,但是可以滚动。
实现
document.addEventListener(
'wheel',
function (event) {
if (event.ctrlKey) { // 关键点,不加的话,会导致页面也无法滚动
// 禁用触摸板的放大缩小,但是可以滚动
event.preventDefault();
}
},
{ passive: false }, // 关键点
);
参考文档:wheel_event、javascript 手机端 浏览器禁止用户放大缩小的五种方法、触摸板触摸屏禁止手指缩放,这么处理才行