背景:项目中存在与ctrl组合的快捷键,在一次偶然情况下不小心按住ctrl的同时碰到了鼠标滚轮,界面全部放大了,与预期效果完全不同,所以必须要禁用页面的缩放。
思路:1.要监听鼠标滚轮的事件; 2.要判断ctrl是否按中。3.判断两个是否同时使用
禁止滚轮缩放相关代码
window.addEventListener('wheel', 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 })