Chrome 81->83输入[type=“datetime local”]输入键行为

Question

输入[type=“datetime local”]行为在chrome 81和83之间发生了更改

论铬

在chrome 83上，这种行为已经改变：回车键触发日历的打开，并且没有键盘事件被触发（参见saucelabs上的行为）-chrome 83

以下代码（也在https://jsfiddle.net/os139hw6/)

<input id="dt" type="datetime-local"/>

document.querySelector("#dt").addEventListener("keyup", (ev) => {
    console.log(ev.keyCode);
});

显示keyup 13事件

我使用这个keyup 13事件来验证/提交数据，但这是不可能的；我没有发现这个更新/功能/错误的许多更改日志/细节，但这个铬更改可能是一个

此外，即使没有任何js，这也禁止在日期时间输入中使用回车键提交表单：请参见https://jsfiddle.net/h0r4v516/

<form id="frm">
<div>
  <label>This field cannot be used to submit the form using "enter" key</label>
  <input type="datetime-local" id="dt"/>
</div>
<div>
  <label>This field can be used to submit the form using "enter" key</label>
  <input type="text" id="txt"/>
</div>
<button>Submit</button>
</form>

那么，有可能保持旧的行为吗？如果没有，我现在如何验证使用键盘的datetime本地表单输入...

编辑：在铬错误上创建了一个问题

Answer 1

您可以执行此解决方法来修复此行为：

首先从输入日期捕获取消事件“keydow”，并防止默认操作（打开弹出窗口）同时抛出您自己的事件来处理它。

`
    $(document).on('keydown', "input[type='date']", function (e) {
        if (e.which == 13) {
            e.preventDefault();        
            $(this).trigger('myOwnEvent');
        }
    });

`