通过按Enter键确定是否从HTML 5 datalist中选择了一个元素

时间:2014-02-05 19:57:20

标签: jquery html5 html-datalist

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

});

我有一个带有类icdCodeInput的HTML 5数据表。通过使用鼠标或按Enter键从列表中选择项目时,上述事件将被触发。如果通过按Enter键选择项目,如何区分事件?

1 个答案:

答案 0 :(得分:4)

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

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

因此,无法区分这些选择数据列表选项的方法。