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

Event handler for input+datalist

本文关键字：事件处理 程序 列表 数据 输入      更新时间：2023-09-26

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

<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 代码。有没有办法为此挂接事件处理程序？

输入事件将起作用。更改事件也可以工作，但仅在input元素失去焦点时触发，而不是每次值更改时都会触发。

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

演示

相关文章：