dom_dom0500_002

入力フィールドの値変更に反応したいとき、IME合成中も逐次反応するイベントは ( A )、フォーム送信直前に最終値が確定するイベントは ( B ) である。

解答

A: input
B: change

解説

input は文字が入力されるたびに発火(IME中も発火可)。change はフォーカスが外れる/確定時に1回だけ発火する。

使用例(サンプルコード)

[ html ]

<input id="name">
<script>
name.addEventListener("input", e => console.log("逐次:", e.target.value));
name.addEventListener("change", e => console.log("確定:", e.target.value));
</script>