HTMLイベント属性の基礎知識を詳しく紹介します。

イベント属性の概要:

HTML 4 の新機能の 1 つは、ユーザーが HTML 要素をクリックしたときに JavaScript を開始するなど、HTML イベントがブラウザーでアクションをトリガーできることです。

最新のブラウザには、多数の イベント ハンドラーが組み込まれています。これらのプロセッサは、マウスのクリックやブラウザ ウィンドウへの画像の読み込みの完了など、特定の条件やユーザーのアクションを監視します。クライアント側 JavaScript を使用すると、特定のイベント ハンドラーを属性として特定のタグに追加し、イベントの発生時に 1 つ以上の JavaScript コマンドまたは関数を実行できます。

イベント ハンドラーの値は、セミコロンで区切られ、引用符で囲まれた 1 つまたは一連の JavaScript 式、メソッド、関数呼び出しです。イベントが発生すると、ブラウザはこれらのコードを実行します。たとえば、ハイパーリンク上にマウスを移動すると、JavaScript 関数が起動します。 JavaScript をサポートするブラウザは、 タグで特別な「マウス オーバー」イベント ハンドラーをサポートします。これは、

イベント プログラミングの詳細については、W3School が提供する JavaScript チュートリアルと DHTML チュートリアルを参照してください。

次の表は、イベントの動作を定義するために HTML/XHTML 要素に挿入できる標準イベント属性を示しています。

Window Events

は、body 要素と Frameset 要素でのみ有効です。

属性 値 説明

onload スクリプト ドキュメントがロードされたときにスクリプトを実行します

onunload スクリプト ドキュメントがアンロードされたときにスクリプトを実行します

フォーム要素イベント (フォーム要素イベント)

フォーム要素内でのみ有効です。

属性 説明

onchange Script 要素が変更されたときにスクリプトを実行する

onsubmit Script フォームが送信されたときにスクリプトを実行する

onreset Script フォームがリセットされたときにスクリプトを実行する

onselect Script 要素が変更されたときにスクリプトを実行するが選ばれました

onblur スクリプト 要素がフォーカスを失ったときにスクリプトを実行します

onfocus スクリプト 要素がフォーカスを獲得したときにスクリプトを実行します

画像イベント (画像イベント)

この属性は img 要素に使用できます:

属性値の説明

画像のロード時にスクリプトを中止する中断されたときにスクリプトを実行する

キーボード イベント

は、base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、title 要素では無効です。

属性 値 説明

onkeydown スクリプト キーボードが押されたときにスクリプトを実行します

onkeypress スクリプト キーボードが押されて離されたときにスクリプトを実行します

onkeyup スクリプト キーボードが離されたときにスクリプトを実行します

Mouse イベント( Mouseイベント)

次の要素では無効です:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style、title 要素。

属性 値 説明

onclick Script マウスがクリックされたときにスクリプトを実行する

ondblclick Script マウスがダブルクリックされたときにスクリプトを実行する

onmousedown Script マウスボタンが押されたときにスクリプトを実行する

onmousemove実行時のスクリプトマウスポインターが移動したときのスクリプト

onmouseout スクリプト マウスポインターが要素の外に移動したときにスクリプトを実行します

onmouseover スクリプト マウスポインターが要素の上に移動したときにスクリプトを実行します

onmouseup スクリプト マウスボタンが押されたときに実行しますスクリプトを公開しました

以上がHTMLイベント属性の基礎知識を詳しく紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。