使用带有jQuery或Javascript的按键触发“按钮onClick”

Posted 2021-04-20

我有一个具有onclick事件的按钮。如何使用特定按键触发它？我很难过。 〜:(

在html中

<button id="upButt" onclick='library.cmd()'>Up Direction</button>

在jQuery中

$(function() {
var e = $.Event('keypress');
e.which = 68;  //UP key
$('#pre').trigger(e);
});

答案

我创建了JSfiddle链接： -

http://jsfiddle.net/c2S5d/26/

码：-

$(function() {
    $(document).keydown(function(e) {
        switch (e.which) {
            case 38: // up key
                alert("up key event called")
                $("#upButt").trigger("click")
                break;
        }
    });
});

另一答案

这是输入按键的解决方案：http://jsfiddle.net/qmruwn0a/

<input type="text">
<button id="btn">Click</button>

$('input').keypress(function(e) {
    if(e.which == 13) { //for key up use 38 
        $('#btn').trigger('click');
    }
});

$('#btn').on('click', function() {
    alert("click");
});

将e.which值更改为您喜欢的任何键代码。

另一答案

如果您希望它与任何键一起使用，请将其添加到按钮

onkeypress="this.onclick()"