点击"按钮点击"使用jQuery或Javascript的按键

时间:2015-02-18 06:04:19

标签: javascript jquery onclick

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

在html中

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

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

3 个答案:

答案 0 :(得分:1)

我为此创建了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;
        }
    });
});

答案 1 :(得分:0)

这是输入按键的解决方案: 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值更改为您喜欢的任何关键代码。

答案 2 :(得分:0)

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

 public function dashboardSubaccount( $id )
    {
     $invoices = Account::with(['subaccount.subaccountinvoice'])->where('id',$id)->get();
    return view('Account.Dashboardsubaccount',['id'=>$id],compact('invoices')); 
     }