html - 防止 HTML5 日期字段在按键时触发更改事件

Question

使用 HTML5 日期字段时，每个键输入都会触发 Chrome 上字段的更改事件。

引用jsFiddle，尝试手动输入日期，看看效果: https://jsfiddle.net/hx3zcenj/4/

document.getElementById('dateFilter').addEventListener('change', function(){
    document.getElementById('msgContainer').innerHTML += 'Change triggered<br>';
}); //triggers on every keypress

我希望此事件像在普通文本字段中那样触发，即在从选择器中或在模糊中选择日期之后。我不希望每次输入字符时都触发它。

这主要与 Chrome 相关，因为其他浏览器以不同的方式处理该字段。

Answer 1

一旦日期输入包含所有三个字段，即 dd、mm 和 yyyy；它开始触发。这是合乎逻辑的，因为日期包含所有字段并且日期是有效日期，但可能对业务案例无效。

您可以绑定(bind) blur 事件来完成您的工作。并提供其他属性，如 min 和 max，它们也会触发错误。

如果您要绑定(bind) change 事件，那么您应该做的第一件事就是检查数据是否有效并在范围内。