javascript - 按键事件与点击事件

Question

我的眼睛被毁了，所以这个问题将特定于键盘事件。

当我为按钮的单击事件定义处理程序时，如下所示:

$("#button").on("click", function() {
    alert("clicked");
});

由于我无法使用鼠标(而且我认为大多数 Web 应用程序都使用 click 事件来执行 html 元素)，因此我通过转到按钮并按 Enter 键来测试此事件。事件成功触发。从那时起，我开始相信按 Enter 键会模拟 html 元素的单击事件。我已经多次执行提交按钮，因此没有理由相信情况并非如此。

现在，我正在创建一个文本框，需要在访问时填充一个值。所以我这样做了:

$("#text").on("click", function() {
    alert("clicked");
});

但是，按 Enter 键不再起作用，不会出现任何值。但是，当其他人使用鼠标单击该元素时，该事件会成功触发。

这是我正在处理的代码:

我正在使用 jquery-ui 的自动完成功能。我希望当用户进入文本框时填充文本框。我按 Enter 键进入内部...

$( "#tags" ).autocomplete({
    source: names,
    minLength: 0,
    select: function( event, ui ) {
        var index = names.indexOf($(this).prop("value"));
        $(this).val("");
        $("#selected").append("<li>"+names[index]+
        "<input type='hidden' id='id' value='"+ids[index]+"'/>"+
        "<a href=''>remove</a></li>");
        ids.splice(index, 1);
        names.splice(index, 1);
        return false;
    }
}).on("click", function(event) {
    $(this).autocomplete("search", $(this).val());
});

按 Enter 键和单击鼠标真的有区别吗？我该怎么办？

Answer 1

捕获按键事件并测试“enter”是处理此问题的最佳方法。按钮在输入时执行而无需执行此操作的原因是它们的类型为“提交”。