Opera keydown事件上的preventDefault() [英] Opera preventDefault() on keydown event

问题描述

我正在尝试在我的web应用程序中嵌入一些键绑定，并且我在Opera方面遇到了困难.我有以下代码:

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

在Firefox和Chrome浏览器中，它的工作原理像一个超级按钮，但是Opera仍然会打开新标签页. return false;也是如此.

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

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

推荐答案

Opera 在keydown上不支持 preventDefault，仅在keypress上支持.

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

如您在此示例中所见，您应该绑定一个单独的Opera的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;
    }
};

这篇关于Opera keydown事件上的preventDefault()的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！