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

时间:2011-07-01 00:12:39

标签: javascript jquery html

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

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

谢谢!

5 个答案:

答案 0 :(得分:37)

无论页面上的“Enter”出现在哪里,都会点击该按钮:

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

答案 1 :(得分:11)

使用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;
    }
});

答案 2 :(得分:10)

如果你想使用纯javascript:

$newArray = array_unique(array_merge($array1 ,$array2));

答案 3 :(得分:1)

带有侦听器的Vanilla JS版本:

window.addEventListener('keyup', function(event) {
  if (event.keyCode === 13) {
    alert('enter was pressed!');
  }
});

如果这些代码在页面之间共享,也不要忘记删除事件listener

答案 4 :(得分:0)

也许不是您要找的东西,但是有一个HTML属性,可让您分配一个称为访问键的特定按钮来聚焦或触发元素。就像这样:

<a href='https://www.google.com' accesskey='h'>

这可以用大多数元素完成。

这是要抓住的地方:它并不总是有效。对于IE和chrome,您也需要同时按住alt。在Firefox上,您需要按住alt和shift(如果在Mac上则可以控制)。对于野生动物园,您需要按住Control和Alt。在Opera 15+上,您需要alt,在12.1之前,需要shift和esc。

来源:W3Schools