防止默认事件操作不起作用...？

Question

我正在尝试在我的网站上添加键盘快捷键，以便使用键盘进行快速导航。然而，我尝试使用 Alt+X 快捷键时遇到了一个小问题。该事件运行良好并返回 false ，但浏览器的文件菜单无论如何都会出现。我也尝试过 preventDefault 方法，但没有任何变化。

该脚本的简化版本是：

document.documentElement.onkeydown = function(e) {
    e = e || window.event;
    switch( e.keyCode || e.which) {
        // some cases here - most notably:
        case 116: // F5 key
            if( activeFrame) {
                activeFrame.contentWindow.location.reload();
                // reloads an iframe if one is active
                return false;
            }
            break;
        // more cases...
        case 88: // X key
            if( e.altKey) {
                // do something
                return false;
            }
    }
}

如上所述，覆盖 F5 键的默认操作效果很好 - 仅当没有 iframe 处于活动状态时，浏览器才会重新加载页面。我不太明白如何防止按下 Alt+X 时出现菜单。

Answer 1

使用 stopPropagation(e); 代替 preventDefault 方法

function stopPropagation(e)
{
    e = e || event;/* get IE event ( not passed ) */
    e.stopPropagation? e.stopPropagation() : e.cancelBubble = true;
}

参考链接

另一个SO问题提到preventDefault 在 IE 中存在问题。

更新

尝试按照 MSDN 参考使用下面的代码< /a>

event.returnValue=false;

以及检测击键中的一些观点

一些一般注意事项：

• 通常，Mac 的可靠性不如 Windows，并且无法检测到某些按键。
• 资源管理器不会触发删除、结束、输入、转义、功能键、主页、插入、向上/向下翻页和选项卡的按键事件。
• Onkeypress，Safari 为删除、结束、功能键、home 和 pageUp.Down 提供了 63200 范围内的奇怪 keyCode 值。 onkeydown 和 -up 值正常。
• 除 Opera 外，Mac 上无法检测到 Alt、Cmd、Ctrl 和 Shift。但是，您始终可以使用 altKey、ctrlKey 和 shiftKey 属性。

Answer 2

实际上，我有一个 Web 应用程序可以使用 CTRL 快捷键正常工作，但后来我决定聪明地使用 accesskey 属性，并在 IE 中遇到了同样的问题。

使用 CTRL 快捷键的问题在于，其中许多快捷键在许多应用程序中更加标准/有用（例如：剪切、复制、粘贴、全选）。

Ctrl+Alt 相当安全，但需要用户做更多工作。

我倾向于只是尝试坚持使用 ALT 快捷键，IE 不会固执地坚持处理。

CTRL+A/CTRL+F取消成功演示：
http://jsfiddle.net/egJyT/

This 答案似乎暗示在不放置 IE 的情况下不可能禁用菜单快捷方式进入信息亭模式。

Answer 3

请注意，如果您成功阻止浏览器检测到组合键，则可能会导致某些用户无法使用您的页面。许多屏幕阅读器都保留了您能想到的几乎所有键来控制屏幕阅读器，如果在添加快捷键代码之前可以使用屏幕阅读器访问您的页面，那么在添加快捷键代码后，需要屏幕阅读器的用户可能完全无法访问该页面。

阅读这篇关于访问键的文章（有点旧，但可能仍然相关），以及这篇关于保留击键组合的文章，然后再为此投入太多时间问题。