浏览器禁用缩放

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();
          }
}

判断下

小细节,也不算是分享