jquery - 通过按回车键确定是否从 HTML 5 数据列表中选择了一个元素

Question

jQuery(document.body).on('input', '.icdCodeInput', function (event) {

});

我有一个带有 icdCodeInput 类的 HTML 5 数据列表。当我使用鼠标或按 Enter 从列表中选择一个项目时，会触发上述事件。如果通过按回车键选择了项目，我如何区分事件内部？

Answer 1

不幸的是，目前这根本不可能。只有在输入中的值实际发生变化时才会触发该input事件，这总是在您做出选择之后发生。该事件不包含有关如何添加的信息。

另一种方法是跟踪实际的点击或按键事件。但是，在使用 datalist 时（至少在 Chrome 中没有），似乎都没有触发 click 事件和任何 keypress 事件。即使您将它们绑定在文档或正文上，单击或按键在实际数据列表上执行时也不会注册。

因此，不可能区分这些选择数据列表选项的方法。