问题描述
手机端禁止缩放只要加一条meta标签即可,pc端如果要禁止缩放如何做?
问题出现的环境背景及自己尝试过哪些方法
尝试过监控键盘和滚轮事件,阻止默认事件,在不同浏览器里表现不一
document.addEventListener('DOMContentLoaded', function (event) {
//chrome浏览器
document.body.style.zoom = 'reset';
document.addEventListener('keydown', function (e) {
if ((e.ctrlKey === true || e.metaKey === true) &&
(e.which === 61 || e.which === 107 || e.which === 173 || e.which === 109
|| e.which === 187 || e.which === 189)) {
e.preventDefault();
}
}, false);
document.addEventListener('mousewhell DOMMouseScroll', function (e) {
if (e.ctrlKey === true || e.metaKey === true) {
e.preventDefault();
}
}, false);
}, false);