pc端
只能禁用浏览器快捷键的放大缩小行为,电脑本身的放大缩小属于系统权限
- ctrl + +/-
- ctrl + 滚轮
- cammond + +/-
代码如下:
// 禁止通过 ctrl + +/- 和 ctrl + 滚轮 对页面进行缩放
document.addEventListener('keydown', function (event) {
if ((event.ctrlKey === true || event.metaKey === true) &&
(event.which === 61 || event.which === 107 ||
event.which === 173 || event.which === 109 ||
event.which === 187 || event.which === 189)) {
event.preventDefault()
}
}, false)
// Chrome IE 360
window.addEventListener('mousewheel', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault()
}
}, {
passive: false
})
// firefox
window.addEventListener('DOMMouseScroll', function (event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault()
}
}, {
passive: false
})
移动端
只需要在标签中加上即可。代码如下:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">