と、
HTML要素がイベントに応答できるようになります。
イベント: Web ページ上のクリックなど。
したがって、プログラマによって事前に作成されたプログラムを実行するには、
onxxx と addEventListener()という
2 つの主な方法があります。
その onxxx 属性を設定することです。
() {
// ボックスがクリックされると、ここのステートメントが実行されます}| イベント名 | イベントの説明 | |
|---|---|---|
| マウスがオブジェクト上でシングルクリック | されている場合 | |
| onclick | マウスがオブジェクト上でダブルクリックされている場合 | ondblclick|
| マウスボタンが押された場合 | onmousedown | オブジェクト |
| マウス ボタンが離されたときの | onmouseup | オブジェクト上で|
| onmousemove | オブジェクト上でマウス ボタンが移動されたときの | |
| onmouseenter | マウスがオブジェクトに入ったとき (同様のイベント onmouseover) | |
| onmouseleave | マウスがオブジェクトから離れたとき (同様のイベント onmouseout) |
| 名 | イベントの説明 |
|---|---|
| onkeypress | (矢印キーやファンクション キーなどのシステム ボタンは認識されません) |
| onkeydown | (システム ボタンは認識され、onkeypress の前に発生します) |
| onkeyup | キーボードのキーが押されたときがリリースされる |
| イベント名 イベントの | 説明 | |
|---|---|---|
onchange | ユーザーがフォーム フィールドの内容を変更すると、 | |
| onfocus | 要素がフォーカスを取得したとき (タブ キーやマウス クリックなど)、 | |
| 要素がフォーカスを失ったとき | onblur | |
| トリガー | さ | れます。フォームが送信される |
| onreset | フォームがリセットされるとき |
| イベント名 | イベントの説明 |
|---|---|
| onload | ページまたは画像が完了するとき 読み込み |
| onunload | ユーザーがページを終了するとき |
は外部から内部(キャプチャ フェーズ)に始まり、その後から
ただし、 onxxx (DOM レベル 0)の
ように記述すると、 addEventListener() メソッド (DOM レベル 2) を使用する必要があります
('click') 。 、 関数（）{
// これはイベント処理関数です。}, true) // true はキャプチャ フェーズをリッスンすることを意味し、false はバブリング フェーズをリッスンすることを意味します。