HTML イベントは、HTML 要素に起きる「もの」です。
JavaScript を HTML ページで使用すると、JavaScript はこのイベントに「反応する」ことができます。
HTML イベントは、ブラウザが行うことができる或ること、またはユーザが行うことのできる或ることです。
HTML イベントの例を次に示します：
イベントが発生すると、何かしたい場合がよくあります。
JavaScript では、イベントを検出したときにコードの実行ができます。
HTML では、JavaScript コードでイベントハンドラの属性を HTML 要素に追加することができます。
一重引用符で囲む：
<some-HTML-element
some-event='some JavaScript'>
二重引用符で囲む：
<some-HTML-element
some-event="some JavaScript">
次の例では、ボタン要素に onclick 属性（コード付き）を追加しています：
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
Try it Yourself »
上の例は、JavaScript コードで id="demo" の要素のコンテンツを変更します。
次の例では、自分自身の要素のコンテンツを変更します（this.innerHTML を使用）：
JavaScript code is often several lines long. It is more common to see event attributes calling functions:
（訳注）：何を言いたいのか不明。
一般的な HTML イベントのリストを以下に示します：
| イベント | 説明 |
|---|---|
| onchange | HTML 要素が変更された |
| onclick | HTML 要素がユーザによりクリックされた |
| onmouseover | HTML 要素の上にマウスを移動した |
| onmouseout | HTML 要素の上からマウスが離れた |
| onkeydown | キーボードのキーを押した |
| onload | ブラウザがページの読み込みを完了した |
リストはもっと長いので次を参照： W3Schools JavaScript リファレンス HTML DOM イベント。
イベントハンドラは、ユーザ入力、ユーザ・アクション、およびブラウザ・アクションの処理と検証に使用することができます：
JavaScript がイベントで動作するように、多くの異なるメソッドを使用することができます：
HTML DOM の章で、イベントとイベントハンドラについて詳細を学習します。
Exercise 1 » Exercise 2 » Exercise 3 »