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

Question

我想使用类似这个片段的东西

<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

输入事件将起作用。change事件也有效，但它仅在元素失去焦点时触发，而input不是每次值更改时触发。

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

演示