javascript - 如何在 jQuery 中创建自定义 onEnter 事件？

Question

我想在 jQuery 中创建一个自定义事件来捕获 ENTER onkeypress 事件，这样我就不必每次都这样编码:

if(e.keyCode == 13) {
    // event code here
}

换句话说，我希望能够像这样编写代码:

$("selector").bind("enter", function(){
    // event code here
});

Answer 1

现代 jQuery(1.7 及更高版本)使用 .on()绑定(bind)事件处理程序:

// delegate binding - replaces .live() and .delegate()
$(document.body).on("keyup", ":input", function(e) {
  if(e.which == 13)
    $(this).trigger("enter");
});

// direct binding - analogous to .keyup()
$(":input").on("keyup", function(e) {
  if(e.which == 13)
    $(this).trigger("enter");
});

旧版本的 jQuery 使用以下方法之一。你可以有一个 .live()或 .delegate()所有元素的事件处理程序。然后使用它来触发您的自定义事件，如下所示:

$(document.body).delegate(":input", "keyup", function(e) {
  if(e.which == 13)
    $(this).trigger("enter");
});

不是对于任何 :input 元素你都可以完全按照你所拥有的去做:

$("selector").bind("enter", function(){
   //enter was pressed!
});

You can test it out here .