javascript - JQuery UI 单击事件在按键时触发两次

Question

HTML

<button id="clickMe" tabindex=0>Click Me!</button>

JS

$('#clickMe').button();
$('#clickMe').click(function() {
    alert('hey');
});

$(document).keypress(function (e) {
    var key = e.keyCode ? e.keyCode : e.which;
    //detect when the user has hit enter
    if (key == 13) {
        //click the focused element
        $(document.activeElement).click();
    }
});

为什么当您点击 tab 以聚焦按钮并为按键事件使用 enter 时，此警报会触发两次，但当您用鼠标单击按钮时只会触发一次？

Demonstration

编辑:tab + enter 在 IE 10 中根本不起作用

Answer 1

因为当焦点在按钮上时按“Enter”键会在 native 触发“click”事件。您还得到一个“按键”事件，然后您再次触发“点击”事件。