浏览器禁用缩放
document.body.style.zoom = "100%";
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
);
document.addEventListener(
"mousewheel",
function(event) {
if (event.ctrlKey === true || event.metaKey) {
event.preventDefault();
}
},
false
);
全局的这段代码就可以了
tip:笔记本触摸板的手势和鼠标滚动都可以用wheel事件监听,但是其实不同的
例如:
mac手势放大等于 ctrl+鼠标上滚动
鼠标滚动不加上ctrl
所以如果当你想通过mac手势放大某个div的内容,但是又不想触发事件的默认行为的时候
function wheel(e) {
if (e.ctrlKey || e.metaKey) {
e.preventDefault();
}
}
判断下
小细节,也不算是分享