将输入键绑定到页面上的特定按钮

Question

<input type="button" id="save_post" class="button" value="Post" style="cursor:pointer;"/>

如何将人员键盘上的回车键绑定到页面上的此特定按钮？它不是一种形式,也不是我想要的.

谢谢!

Answer 1

这将点击按钮,无论页面上的"Enter"发生在何处:

$(document).keypress(function(e){
    if (e.which == 13){
        $("#save_post").click();
    }
});

Answer 2

使用jQuery:

$('body').on('keypress', 'input', function(args) {
    if (args.keyCode == 13) {
        $("#save_post").click();
        return false;
    }
});

或者,要将特定输入绑定到不同的按钮,您可以使用选择器

$('body').on('keypress', '#MyInputId', function(args) {
    if (args.keyCode == 13) {
        $('#MyButtonId').click();
        return false;
    }
});

Answer 3

如果你想使用纯javascript:

document.onkeydown = function (e) {
  e = e || window.event;
  switch (e.which || e.keyCode) {
        case 13 : //Your Code Here (13 is ascii code for 'ENTER')
            break;
  }
}