Opera中的jQuery keyup事件问题答案

【问题标题】：jQuery keyup event trouble in OperaOpera中的jQuery keyup事件问题
【发布时间】：2012-06-26 16:08:46
【问题描述】：

我在我的网站中使用了一些热键，该网站仅在 Chrome 和 Firefox 中进行了测试，一切正常，但是当我在 Opera 中测试网站时，我发现我的许多热键都不起作用，代码检查后发现我的函数

$(document).bind('keyup', function(e){
  //....
});

被 Opera 忽略，当我尝试将其更改为

$(document).bind('keypress', function(e){
  //....
});

它在 Opera 中开始正常工作，但被 Chrome 忽略。有没有跨浏览器的出路？我也在使用 jquery 1.5.1。

upd.: 将 function(e) 更改为 function (event) 后，仅向下箭头和 esc。按钮仍然不起作用

【问题讨论】：

【解决方案1】：

keyup 在旧版浏览器中也存在类似问题。

尝试使用keydown 而不是keypress 或keyup。

Opera（Chromium 版本）中的特殊/控制键似乎存在问题，只能触发 keydown。

另一个问题是输入中的 Esc 会触发 blur 而不是 keyup，因此您必须再次绑定到 keydown。

【讨论】：

【解决方案2】：

而不是使用这个：

$(document).bind('keyup', function(e){
  //....
});

试试这个：

$(document).bind('keyup', function(event){
  //....
});

查看演示： http://jsfiddle.net/rathoreahsan/cxV8D/

【讨论】：