dom - 在 keyevent 上使用 jquery

Question

我有一个由 jquery 的 .on 函数触发的 ajax 函数，它看起来像这样：

//button handler
$('body').on('click', '#btn', function() {
    ajaxloader(this);
});

现在，如果我有一个按钮并给它 btn id，它就可以正常工作。如何对 enter 键事件执行相同操作。我的伪代码：

//key handler
$('body').on('onkeyup:13', '.enter', function() {
    ajaxloader(this);
});

我想在 .on 函数的相同上下文中使用它，但如果这是不可能的，那么只有当我可以通过 .enter 类从元素中传递 this 变量时，其他方法才会起作用。

Answer 1

   $('body').on('keyup', '.enter', function(e) {
      if(e.keyCode === 13) {
        ajaxloader(this);
      }
    });

Answer 2

我希望这将有所帮助。

$('#searchbox input').bind('keypress', function(e) {
     var code = (e.keyCode ? e.keyCode : e.which);
     if(code == 13) { //Enter keycode
       //Do something
     }
});

Answer 3

不知道这是否是你想要的..

 $('body').on('keyup', '.enter', function(event) {
     if (event.keyCode == '13') {  /// check if the keypressed is enter.. if yes...
           //do your stuff
        }
 });

Answer 4

在@Jashwant 的一些启发下，我找到了方法。我使用它来获取单击按钮的所有属性，但是当使用 enter 时它不知道它需要的女巫元素，所以我现在手动指定一个元素，如下所示：

$('body').on('keyup', function(e) {
        if(e.keyCode === 13){
            ajaxloader($('.enter'));
        }   
});