如何停止两次触发按钮

时间:2019-05-02 02:23:37

标签: javascript jquery html

我正在使用一个jQuery使用“ enter”键来触发我的按钮单击。直到焦点集中在按钮本身上之前,它才能正常工作。它使用jQuery作为Enter键,并且也使用按钮,就像被单击一样。我需要如何处理这种情况的帮助

JavaScript代码

$( document ).keypress(function() {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13')
    {
        $('#btnConfirm').trigger('click');
    }

});

$("#btnConfirm").click(function() {
    alert('enter');
});

1 个答案:

答案 0 :(得分:0)

在按键处理程序中使用event.preventDefault()。这样可以防止按键上的按键也触发点击。

$( document ).keypress(function(event) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if(keycode == '13')
    {
        $('#btnConfirm').trigger('click');
        event.preventDefault();
    }

});

您还忘记了处理程序函数的event参数。