如何使用 jQuery 将键盘事件处理程序挂接到 INPUT 元素上？

Question

我想将我自己的按键事件处理程序附加到已将另一个事件处理程序附加到 onkeydown 的 INPUT。本质上，我想在所有其他处理程序之前接收一个按键事件，并检查用户是否按下了某个键——如果是，我想执行一些功能并丢弃该事件，如果不是，我想将其传递给其他处理程序。

我怎样才能用 jQuery 做到这一点？

Answer 1

如果您正在加载第 3 方脚本或 jQuery 插件，您可以先加载您的脚本或函数。如果您这样做，那么您可以使用类似的东西，而无需取消绑定和重新绑定事件处理程序的混乱。

// your possible interceptor code
$("#awesome").keydown(function(e) {
  if (e.keyCode < 70) {
    e.stopImmediatePropagation();
    console.log("BLOCKED!!!");
  };
});

// possible 3rd party event code loaded after your code
$("#awesome").keydown(function(e) {
  console.log("3rd party:"+e.keyCode);
});

示例网页 => http://mikegrace.s3.amazonaws。 com/forums/stack-overflow/example-key-event-interception.html

Firebug 控制台的示例输出

jQuery stopImmediatePropagation() 文档

Answer 2

根据 jQuery bind() 文档：

“当事件到达某个元素时，将激发绑定到该元素的该事件类型的所有处理程序。如果注册了多个处理程序，它们将始终按照绑定的顺序执行。 ”

因此，如果您希望首先运行您的处理程序，您似乎必须取消绑定其他处理程序，绑定您的处理程序，然后将其他处理程序添加回来。

该线程中有一些与此相关的好信息：
jQuery：取消绑定事件处理程序以便稍后再次绑定它们