javascript - 检索按键事件

Question

我正在实现按键以在按下回车键时提交。我制作了一个 jquery 插件，我需要一些帮助:

jQuery.fn.enterPress = function(obj, button) {          
            if (e.which == 13) {
                jQuery(button).click();

            }           
    };

在此函数中，我检索 obj(html 形式)和按钮(将单击哪一个)。

我不确定，但我可能不需要这个“obj”。我的问题是我没有这个“e”。我尝试了很多方法，但我不知道如何找回它。

我做了这个:

jQuery('#' + obj.id).keypress(function(e) {}

但是该函数被触发了两次，有时甚至三次。

谢谢

Answer 1

jQuery 有一个内置方法，称为 keypress。

$("#target").keypress(function(event) {
  if ( event.which == 13 ) {
     event.preventDefault();
     // do stuff here 
  }
}

如果您想添加一个更通用的方法来将“enter”按键事件绑定(bind)到 jQuery 对象，然后单击按钮(正如您在问题和评论中提到的那样)，您可以执行以下操作:

var $button = jQuery('#somebutton');

jQuery.fn.enterPress = function(callback) {
    jQuery(this).keypress(function(event) {
        if ( event.which == 13 ) {
            event.preventDefault();
            callback();
        }
    });
};

$button.click(function(){
    alert('button was clicked');
})

jQuery('#target').enterPress(function() {
    // what you want to happen after enter is pressed
    $button.click();
});

Working Example