jQuery事件用于HTML5 datalist当选中项或输入匹配列表中的项时

8 浏览
0 Comments

jQuery事件用于HTML5 datalist当选中项或输入匹配列表中的项时

我有一个类似下面的数据列表 -

我想要的是，当一个项目被完全输入（例如，当用户在输入框中完全输入"Adnan1"时）或从列表中选择时，我想要一个事件。我尝试了几种方法，但都没有帮助我。方法如下 -

$("#name").change(function(){
console.log("change");
}

问题在于，只有在输入框失去焦点时，即当我在屏幕上点击其他地方时，事件才会触发。

我还尝试了

$("#name").bind('change', function () {
    console.log('changed'); 
});

但是每次我输入时，回调都会触发。我实际上需要在完全选择项目时进行一次 AJAX 调用。无论是通过输入还是通过下拉选择。

第一种方法对用户来说不好，因为他需要多点击一次，而第二种方法的缺点是每输入一个字母都会触发一个事件。

我想要的只是在用户进行选择或完全输入时触发一个事件。有没有办法实现这个？有没有我错过的事件可以解决我的问题。

0