javascript - 输入+数据列表的事件处理程序

Question

我想使用类似 this snippet 的东西

<input type="text" name="product" list="productName"/>
<datalist id="productName">
    <option value="Pen">Pen</option>
    <option value="Pencil">Pencil</option>
    <option value="Paper">Paper</option>
</datalist>

但是每当更改选择(或编辑值)时，我都需要运行一些 js 代码。有没有办法为此连接事件处理程序？

Answer 1

input event会工作。 change 事件也有效，但它仅在 input 元素失去焦点时触发，而不是每次值更改时触发。

document.querySelector('input').oninput = function() {
    console.log(this.value);
};

DEMO