Opera PreventDefault() on keydown 事件

发布于 2024-10-13 07:49:52 字数 475 浏览 3 评论 0原文

我正在尝试在我的网络应用程序中嵌入一些按键绑定,但我在 Opera 上遇到了困难。我有这样的代码:

window.onkeydown = function(e){
  var key = e.keyCode ? e.keyCode : e.charCode ? e.charCode : false;
  if (e.ctrlKey && key === 84) {
    alert("foo");
    e.preventDefault();
    // return false;
  }
}

它在 Firefox 和 Chrome 中就像一个魅力,但 Opera 仍然打开新选项卡。 return false; 也会发生同样的情况。

我的信息:Opera/9.80 (X11; Linux i686; U; en) Presto/2.7.62 Version/11.00

I'm trying to embed some keybindings in my webapp, and I'm having hard times with Opera. I have this code:

window.onkeydown = function(e){
  var key = e.keyCode ? e.keyCode : e.charCode ? e.charCode : false;
  if (e.ctrlKey && key === 84) {
    alert("foo");
    e.preventDefault();
    // return false;
  }
}

It works like a charm in Firefox and Chrome, but Opera still opens new tab. Same happens with return false;.

My info: Opera/9.80 (X11; Linux i686; U; en) Presto/2.7.62 Version/11.00

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

海未深 2024-10-20 07:49:52

Opera 不支持 preventDefault keydown,仅在keypress 上。

正如您在 此示例中看到的,您应该绑定一个单独的 < Opera 的 code>keypress 处理程序(根据您的情况进行调整):

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = (evt.ctrlKey && evt.keyCode == 84);
    if (cancelKeypress) {
        return false;
    }
};

/* For Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};

Opera doesn't support preventDefault on keydown, only on keypress.

As you can see in this example, you should bind a separate keypress handler for Opera (adapted to your situation):

var cancelKeypress = false;

document.onkeydown = function(evt) {
    evt = evt || window.event;
    cancelKeypress = (evt.ctrlKey && evt.keyCode == 84);
    if (cancelKeypress) {
        return false;
    }
};

/* For Opera */
document.onkeypress = function(evt) {
    if (cancelKeypress) {
        return false;
    }
};
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文