禁用 javascript 缩放 (CTRL + / CTRL-)答案

【问题标题】：disabling javascript zoom (CTRL + / CTRL-)禁用 javascript 缩放 (CTRL + / CTRL-)
【发布时间】：2013-01-28 16:09:27
【问题描述】：

我正在尝试通过 javascript 禁用 Ctrl++ / Ctrl+- 浏览器快捷方式：

$(document).ready(function(){
    $(document).keydown(function(event) {
        if (event.ctrlKey==true && (event.which == '107' || event.which == '109')) {
            alert('disabling zooming ! ');
            event.preventDefault();
         }
    });
});

这段代码在 FF 和 Chrome 中运行良好，并且不会阻止放大 IE！有什么想法吗？

【问题讨论】：

"This is an accessibility issue and you should try to work with it and not against it."
为什么要禁用浏览器缩放功能？
我怀疑问题出在event.preventDefault()。您可以尝试以下解决方案：stackoverflow.com/q/1000597/1987993。但我必须同意 jbabey 的观点，改变浏览器的预期行为并不是一个好主意，尤其是在无障碍功能方面。
触发这种缩放的方法有很多，包括Ctrl+滚轮、捏合手势和菜单项。您不能在所有平台上的所有浏览器中都阻止它们。
我也同意 jbabey，但是这个问题有答案吗？！

标签： javascript zooming

【解决方案1】：

这对我有用，但您可能还想绑定到“keyup”。

$(document).ready(function () {
        $(document).bind('keydown keypress', function (event) {
            event.preventDefault();
        });
    });

【讨论】：

这会阻止所有键盘与页面的交互。这包括暂停页面加载 (ESC)、滚动（向上、向下、向上翻页、向下翻页等）

【解决方案2】：

为了完全禁用滚动，您必须阻止超过 2 个按钮编号。我个人禁用所有 ctrl 组合键。

$(document).ready(function () {
    function preventDefault(e) {
          e = e || window.event;
          if (e.preventDefault)
              e.preventDefault();
          e.returnValue = false;
        }
    $(document).bind('keydown keypress', function (event) {
        if (event.ctrlKey) {
            preventDefault(event);
            return false;
        }
    });
});

【讨论】：