输入列表选择更改事件

Question

我有这个例子:

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Google Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

当用户选择选项(使用鼠标或键盘)时,我需要捕获一个事件.

我试着做onchange ="MySuperFunction();" 但这仅适用于选择项目然后列表未聚焦的情况.

Answer 1

该input活动应该适合您的需求.据我了解,您不能直接使用数据列表,但它通过list属性连接到输入.此事件绑定将继续输入:

document.getElementById('browsers-input').addEventListener('input', function () {
   console.log('changed'); 
});

http://jsfiddle.net/vccfv/