JavaScriptの学習でよく遭遇するjsイベントハンドラー

イベントのイベント ハンドラーを指定するには、主に 3 つの方法があります。 1. html イベント ハンドラー: まず第一に、このメソッドは時代遅れです。 2. DOM レベル 0 イベント ハンドラー: このメソッドはシンプルでクロスブラウザーですが、要素に追加できるイベント ハンドラー関数は 1 つだけです。 DOM2 レベルのイベント ハンドラー: DOM2 レベルのイベント ハンドラーは、要素に対して複数のイベント ハンドラーを追加できます。

1. イベントハンドラー

前に述べたように、イベントはユーザーまたはブラウザ自体によって実行される特定のアクションです。クリック、ロード、マウスオーバーなどはイベントの名前です。イベントに応答する関数をイベントハンドラ（イベントハンドラ、イベントハンドラともいう）といいます。イベント ハンドラーの名前は「on」で始まるため、クリック イベントのイベント ハンドラーは onclick、load イベントのイベント ハンドラーは onload になります。

イベントのイベント ハンドラーを指定するには、主に 3 つの方法があります。

1. HTMLイベントハンドラー

まず、このメソッドは時代遅れです。アクション (JavaScript コード) とコンテンツ (HTML コード) は密接に結合しているためです。ただし、小さなデモを作成する場合には引き続き使用できます。

このメソッドには 2 つのメソッドもあり、どちらも非常に簡単です:

1 つ目: イベント ハンドラーと含まれるアクションを HTML に直接定義します。

コードは次のとおりです:

2 番目: HTML でイベント ハンドラーを定義し、実行されたアクションは他の場所で定義されたスクリプトを呼び出します。

コードは次のとおりです: