HTMLのDOMイベント2024 年の最新の入門チュートリアル。このコースでは 例,イベントに反応,例,例,HTMLのイベント属性,例,イベントを割り当てるには、HTMLのDOMを使用してください,例,onloadとonunloadイベント,例,onchangeイベント,例,onmouseoverイベントれるonmouseout,例,れるonmousedown、onMouseUpのとonclickのイベント,例,HTML DOMイベントオブジェクトのリファレンス, について学習できます。
HTML DOMは、JavaScriptのイベントはHTMLに対応することができます。
イベントが発生すると、あなたは、ユーザーがHTML要素をクリックしたときのように、JavaScriptを実行することができます。
ユーザーが要素をクリックしたときにコードを実行するには、イベント属性HTMLにJavaScriptコードを追加します。
HTMLイベント例:
ユーザーがクリックしたときに、この例では、それは<H1>要素の内容を変更します:
この場合、関数は、イベントハンドラから呼び出されます。
HTML要素にイベントを割り当てるには、イベント属性を使用することができます。
ボタンがクリックされたときに、上記の例では、それはdisplayDateという名前の関数を実行します。
HTML DOMイベントは、HTML要素を割り当てるためにJavaScriptを使用することができます:
割り当てられたのonclickイベントボタンエレメント:
上記の例では、displayDateという名前の関数は、ID = myButn "HTML要素に割り当てられます。
ボタンがクリックされると、機能実行。
ユーザーが入力するか、ページを離れたとき、それはonloadイベントとonunloadイベントがトリガされます。
オンロードイベントは、ページの異なるバージョンをロードするための情報に基づいて、順番に、訪問者のブラウザの種類やバージョンを確認するために使用することができます。
onloadイベントやクッキーを処理するためのイベントをONUNLOAD。
onchangeイベントは、多くの場合、入力フィールドを検証するために使用されます。
次の例は、のonchange使用する方法を示しています。 ユーザは、入力フィールドの内容を変更したときに大文字()関数と呼ばれます。
onmouseoverイベントONMOUSEOUTマウスポインタに、または要素の外に移動したときに機能をトリガーするために使用することができます。
れるonmousedown、onMouseUpのonclickのイベントは、マウスクリックや全体のプロセスです。 マウスボタンがクリックされたときにまず、イベントをれるonmousedownトリガー、マウスボタンが離されたときに、それがイベントをonMouseUpの引き金となり、最終的には、マウスを[完了]をクリックしたときに、onclickのイベントがトリガされます。
各イベントの詳細と例については、私たちをご覧くださいHTMLのDOMのリファレンスマニュアルを 。