HTMLイベントとは何ですか?-フロントエンドQ&A-php.cn

html イベントには、1. ウィンドウオブジェクトによってトリガーされるウィンドウイベント、2. HTML フォーム内のアクションによってトリガーされるフォームイベント、3. キーボードイベント、4. マウスまたは同様のユーザーアクションによってトリガーされるマウスイベント、5. メディアが含まれます。メディア (ビデオ、画像、オーディオなど) によってトリガーされるイベント。

HTMLイベントとは何ですか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML には、ユーザーが要素をクリックしたときに JavaScript を起動するなど、ブラウザーでイベントをトリガーする機能があります。

HTML 内のイベント

1. ウィンドウイベント

ウィンドウオブジェクトに対してトリガーされるイベント ( タグに適用):

#AttributeValueDescriptiononafterprintscriptドキュメントの印刷後に実行されるスクリプト。 #onbeforeprintonbeforeunload#onerrorscriptエラーが発生したときに実行されるスクリプト。 onhaschangescriptドキュメントが変更されたときに実行されるスクリプト。 onloadscriptページの読み込みが完了した後にトリガーされます。 script#onofflinescriptドキュメントがオフラインのときに実行されるスクリプト。ドキュメントがオンラインになったときに実行されるスクリプト。 #onpagehidescriptウィンドウが非表示になっているときに実行されるスクリプト。 onpageshowscriptウィンドウが表示されたときに実行されるスクリプト。 #onredoscriptドキュメントがやり直しを実行するときに実行されるスクリプト。 #onresizeonstorageonundoonunloadHTML フォーム内のアクションによってトリガーされるイベント (ほぼすべての HTML 要素に適用されますが、フォーム要素で最も一般的に使用されます):



script	ドキュメントの印刷前に実行されるスクリプト。
script	ドキュメントがアンロードされる前に実行されるスクリプト。


		#onmessage
メッセージがトリガーされたときに実行されるスクリプト。
	#online	script


#onpopstate	script	ウィンドウ履歴が変更されたときに実行されるスクリプト。

script	ブラウザウィンドウのサイズが変更されたときに発生します。
script	Web Storage ゾーンの更新後に実行されるスクリプト。
script	ドキュメントの取り消しを実行するときに実行されるスクリプト。
script	ページがダウンロードされると (またはブラウザウィンドウが閉じられると) 起動されます。
2. フォームイベント

Attribute

Value

Description

onblur #onchangescript要素の値が変更されたときに実行されるスクリプト。 oncontextmenuscriptコンテキストメニューがトリガーされたときに実行されるスクリプト。 script#onformchangescriptフォームが変更されたときに実行されるスクリプト。 onforminputscriptフォームがユーザー入力を取得したときに実行されるスクリプト。要素がユーザー入力を取得したときに実行されるスクリプト。 #oninvalidscript要素が無効な場合に実行されるスクリプト。 #onselectscript要素内のテキストが選択された後に起動されます。 #onsubmit#3. キーボードイベント属性値説明onkeydownscript

script	要素がフォーカスを失ったときに実行されるスクリプト。

		#onfocus
要素がフォーカスを取得したときに実行されるスクリプト。

	#oninput	script

#onreset	script	フォームのリセットボタンがクリックされたときに起動されます。 HTML5 ではサポートされていません。

script	フォームが送信されると起動されます。

ユーザーがキーを押したときに起動されます。

onkeypressscriptユーザーがボタンをタップすると起動されます。 onkeyupscriptユーザーがキーを放したときに起動されます。

4. マウスイベント

マウスまたは同様のユーザーアクションによってトリガーされるイベント:

##値説明onclickscript要素上でマウスをクリックすると起動されます。 ondblclickscript要素上でマウスのダブルクリックが発生すると起動されます。 ondragscript要素がドラッグされたときに実行されるスクリプト。 ondragendscriptドラッグ操作の最後に実行されるスクリプト。 ondragenterscript要素が有効なドラッグアンドドロップ領域にドラッグされたときに実行されるスクリプト。 ondragleavescript要素が有効なドラッグアンドドロップターゲットから離れるときに実行されるスクリプト。 ondragoverscript要素が有効なドラッグターゲットにドラッグされているときに実行されるスクリプト。 ondragstartscriptドラッグ操作の開始時に実行されるスクリプト。 ondropscriptドラッグされた要素がドラッグアンドドロップされるときに実行されるスクリプト。 onmousedownscript要素上でマウスボタンが押されたときに起動されます。 onmousemovescriptマウスポインタが要素上に移動すると起動されます。 onmouseoutscriptマウスポインターが要素の外に移動すると起動されます。 onmouseoverscriptマウスポインタが要素上に移動すると起動されます。 onmouseupscript要素上でマウスボタンが放されたときに起動されます。 onmousewheelscriptマウスホイールが回転しているときに実行されるスクリプト。 onscrollscript要素のスクロールバーがスクロールされたときに実行されるスクリプト。

5. メディアイベント

メディア (ビデオ、画像、オーディオなど) によってトリガーされるイベント (すべての HTML 要素に適用されますが、< などのメディア要素でよく見られます)。 audio>、、、

プロパティ

##属性値Descriptiononabortscript終了時に実行するスクリプト。 oncanplayscriptファイルの再生を開始する準備ができたとき (バッファリングが十分に開始できるとき) に実行されるスクリプト。 oncanplaythroughscriptメディアがバッファリングによって停止することなく最後まで再生できるときに実行されるスクリプト。 ondurationchangescriptメディアの長さが変更されたときに実行されるスクリプト。 oneemptiedscript障害が発生し、ファイルが突然利用できなくなった場合 (接続が予期せず切断された場合など) に実行されるスクリプト。。 onendedscriptメディアが最後に達したときに実行されるスクリプト (「ご視聴いただきありがとうございます」などのメッセージを送信できます)。 #onerroronloadeddataonloadedmetadata#onloadstartscriptファイルの読み込みが開始される前、および実際にデータが読み込まれる前に実行されるスクリプト。 onpausescriptユーザーまたはプログラムによってメディアが一時停止されたときに実行されるスクリプト。 script#onplayingscriptメディアの再生開始時に実行されるスクリプト。 onprogressscriptブラウザがメディアデータを取得するときに実行されるスクリプト。 onratechangescript再生レートが変更されるたびに実行されるスクリプト (ユーザーがスローモーションまたは早送りモードに切り替えたときなど) 。 onreadystatechangescript準備完了状態が変化するたびに実行されるスクリプト (準備完了状態はメディアデータのステータスを監視します)。 onseekedscriptシークプロパティが false (シークが終了したことを示す) に設定されている場合に実行されるスクリプト。 onseekingscriptseek プロパティが true に設定されている場合 (測位がアクティブであることを示す) に実行されるスクリプト。 onstalledscriptブラウザが何らかの理由でメディアデータの取得に失敗したときに実行されるスクリプト。 onsuspendscriptメディアデータの取得時に実行されるスクリプトは、メディアデータが完全にロードされる前に何らかの理由で終了します。 ontimeupdatescript再生位置が変更されたときに実行されるスクリプト (ユーザーがメディア内の別の場所に早送りしたときなど) ）。 onvolumechangescript音量が変更されるたびに実行されるスクリプト (音量をサイレントに設定する場合を含む)。 onwaitingscriptメディアの再生が停止したが、再生を継続する場合 (メディアをさらにバッファリングするために一時停止している場合など) にスクリプトを実行します。 data)プログラミング入門をご覧ください。！








script	ファイルの読み込み中にエラーが発生したときに実行されるスクリプト。
script	メディアデータがロードされたときに実行されるスクリプト。
script	メタデータ (解像度や期間など) が読み込まれたときに実行されるスクリプト。

		#onplay
メディアの再生開始準備ができたときに実行されるスクリプト。










		プログラミング関連の知識については、

以上がHTMLイベントとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。