2

このスニペットのようなものを使用したい

<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 コードを実行する必要があります。そのためのイベント ハンドラーを接続する方法はありますか?

4

1 に答える 1

4

入力イベントは機能します。changeイベントも同様に機能しますがinput、値が変更されるたびにトリガーされるのではなく、要素がフォーカスを失ったときにのみトリガーされます。

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

デモ

于 2014-04-06T01:00:54.590 に答える