次のプロジェクトで少なくとも 1 つ使用する 5 つの入力イベント.

2446 ワード

こんにちは、
私は Aya Bouchiha です.
今日は、次のプロジェクトで少なくとも 1 つ使用する 5 つの入力イベントについて説明します.

まず、イベントの処理は次の方法で実行できることを知っておく必要があります.

onEventName

例:

showButton.onclick = handleClick;

addEventListener('eventName', function)

例:

showButton.addEventListener('click', handleClick)

属性としてのイベント ( onEventName="function()" )

<button onclick="doSomething()"></button>

ぼかして焦点を合わせる

focus: これは、ユーザーが入力フィールドにフォーカスしたときに発生します.
ぼかし: ユーザーが入力フィールドを離れたときに発生します.

input: これは、ユーザーが入力の値を変更するとすぐに発生します.

リセット: これは、リセット入力またはリセットボタンをクリックしてフォームがリセットされたときに発生します.

submit: これは、送信ボタンまたは送信入力をクリックして、フォームが送信されたときに発生します.

ユーザーが入力フィールドを離れたときにフォーカスが発生します.

ぼかし: ユーザーが入力フィールドにフォーカスしたときに発生します.

入力: ユーザーが入力の値を変更するとすぐに発生します.

リセット: フォームがリセットされると発生します.

submit: フォームが送信されたときに発生します.