javascript - 输入 key 表单提交因 HTML5 日期输入而失败

Question

我有一个小型 HTML 表单(下面的代码)，它实际上分为两部分，我希望用户能够通过仅在其中一个部分中按 Enter 键(下面代码中的“输入”)来提交表单；显示属性由连接到表单第二部分中的选择的一些 JavaScript 来切换)。目前，我正在使用一些 jQuery/javascript(也在下面)来处理此问题，以将 Enter 键按下绑定(bind)到表单提交。

HTML:

<form id="form">
    <span id="input">
        <span id="text" style="display:inline">
            <input type="text">
        </span>
        <span id="dates" style="display:none">
            <input type="date" id="start">
            <input type="date" id="end">
        </span>
    </span>
    <select onchange="changeInput(this.options[selectedIndex].value)">
        <option value="1">option 1</option>
        <option value="2">option 2</option>
    </select>
</form>

还有 jQuery/javascript:

$(function(){
    $("#input").on("click", function(e){
        if(e.which == 13){
            $("#form").submit();
        }
    });
});

当显示文本输入时，效果很好。然而，当显示日期输入时，回车键不起作用。无论浏览器显示 native 日历小部件，还是在不支持日期输入类型(由另一位 jQuery/javascript 处理)的浏览器中将输入替换为 jQueryUI 日期选择器小部件，都会出现这种情况。

知道为什么会发生这种情况吗？我知道我可以通过添加隐藏的提交按钮并覆盖表单第二部分的回车键行为来解决这个问题，但我想先了解发生了什么。

Answer 1

对于 click 事件 e.which 可以是 1、2 或 3(来自 jQuery docs)。

例如，对于鼠标左键单击，它应该是:

if (e.which == 1)