»
(041)禁止桌面端缩放JS
为了适配最新版的Android浏览器,CSS定义的touch-action:none;的方式已无法禁用双指屏幕放大。解决屏幕被放大的问题的方法只有一个:使用Javascript来禁用双指操作。
上代码:
// 禁止触摸屏双指放大
document.documentElement.addEventListener('touchstart', function(event) {
if (event.touches.length > 1) {//触摸点数大于1时,禁止触摸事件
event.preventDefault();
}
}, { passive: false });
// 禁止Ctrl+滚轮放大页面
window.addEventListener('wheel', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
}, { passive: false });
// firefox禁止Ctrl+滚轮放大页面
window.addEventListener('DOMMouseScroll', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
}, { passive: false })
————www.v-signon.com学习者共勉