ホームページ ウェブフロントエンド htmlチュートリアル HTML にはどのようなイベント属性がありますか?

HTML にはどのようなイベント属性がありますか?

Nov 20, 2020 pm 02:02 PM
html

html イベント属性には、onblur、onerror、onfocus、onsubmit、onkeydown、onkeypress、onclick、ondblclick、onmousedown、onmousemove、onmouseout などが含まれます。

HTML にはどのようなイベント属性がありますか?

#HTML イベント プロパティ

ウィンドウ イベント プロパティ

ウィンドウ オブジェクトに対してトリガーされるイベント。

タグに適用:

##属性onafterprintscript#onbeforeprintonbeforeonloadonblur#onerroronfocusscript script#onmessagescriptメッセージがトリガーされたときにスクリプトを実行します#script scriptscript#scriptウィンドウが表示されているときにスクリプトを実行#onpopstate#onredoscriptonresizescriptonstoragescriptonundoscript#onunloadフォーム イベントAttributes
説明
#ドキュメントの印刷後にスクリプトを実行します
script ドキュメントを印刷する前にスクリプトを実行します
script ドキュメントが読み込まれる前にスクリプトを実行します
script ウィンドウがフォーカスを失ったときにスクリプトを実行します
script エラーが発生したときにスクリプトを実行します
script ウィンドウがフォーカスを取得したときにスクリプトを実行 #onhaschange
ドキュメント変更時にスクリプトを実行 onload
ドキュメント変更時にスクリプトを実行
# # onoffline
ドキュメントがオフラインのときにスクリプトを実行 #ononline
ドキュメントがオンラインになったときにスクリプトを実行 onpagehide
When windowは非表示です スクリプトの実行 #onpageshow
#script ウィンドウ履歴が変更されたときにスクリプトを実行
ドキュメントがやり直し操作を実行するときにスクリプトを実行します
ウィンドウのサイズが変更されたときにスクリプトを実行します
Web ストレージ領域が更新されたときscript when (ストレージスペース内のデータが変更されたとき)
ドキュメントが取り消しを実行するとき Runスクリプト
script ユーザーがドキュメントから離れたときにスクリプトを実行します
HTML フォーム内のアクションによってトリガーされるイベント。 すべての HTML 5 要素に適用されますが、最も一般的にはフォーム要素で使用されます:

Value 説明

##onblur

#script#要素がフォーカスを失ったときにスクリプトを実行#onchange要素変更時にスクリプトを実行コンテキスト メニューがトリガーされたときにスクリプトを実行します実行時要素がフォーカスを取得したときのスクリプトフォーム変更時にスクリプトを実行フォームがユーザー入力を取得したときに実行されるスクリプト要素がユーザー入力を取得したときにスクリプトを実行script要素が無効な場合にスクリプトを実行 scriptフォームがスクリプトをリセットしたときに実行します。 HTML 5 はサポートされていません。 要素が選択されたときにスクリプトを実行しますフォーム送信時にスクリプトを実行すべての HTML 5 要素に適用されます: 値説明
script
oncontextmenu スクリプト
onfocus script
onformchange script
onforminput script
oninput script
##無効な場合
onreset
#onselect script
onsubmit script
キーボード イベント キーボードによってトリガーされるイベント。
属性

onkeydown#script

キーが押されたときにスクリプトを実行

##onkeypressscriptonkeyupscript

マウス イベント

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

すべての HTML 5 要素に適用されます:

キーが押されて放されたときにスクリプトを実行します
キーが放されたときにスクリプトを実行
マウスのダブルクリック時にスクリプトを実行します##ondragscriptondragend##script要素が有効なドロップ ターゲットにドラッグされたときに実行されるスクリプト##script要素が有効なドラッグ アンド ドロップ ターゲットから離れるときに実行されるスクリプトondragover ##オンドロップscript#onmousemove#scriptマウス ポインターが要素の外に移動したときにスクリプトを実行script#マウス ポインタが要素上に移動するとスクリプトを実行#onscroll要素のスクロールバーがスクロールされたときにスクリプトを実行します#

マルチメディア イベント

ビデオ、画像、音声などのメディアによってトリガーされるイベント。

すべての HTML 5 要素に適用されますが、メディア要素 (オーディオ、埋め込み、画像、オブジェクト、ビデオなど) で最もよく使用されます:

属性 説明
onclick script マウスクリック時にスクリプトを実行
ondblclick #script
##要素のドラッグ時にスクリプトを実行
ドラッグ操作の終了時にスクリプトを実行 #ondragenter script
ondragleave
#script 要素が有効なドラッグ アンド ドロップ ターゲット上にドラッグされたときにスクリプトを実行します
ondragstart script ドラッグ操作開始時にスクリプトを実行
##script #ドラッグされた要素がドラッグされているときにスクリプトを実行する onmousedown
When マウス ボタンを押したときにスクリプトを実行するが押されています
マウス ポインタが移動するとスクリプトを実行します onmouseout #script
onmouseover
#onmouseup script マウス ボタンを放したときにスクリプトを実行する
onmousewheel script マウス ホイールを放したときにスクリプトを実行する
script
#ondurationchangeメディアの長さが変更されたときにスクリプトを実行oneemptiedメディア リソース要素が突然空になった場合 (ネットワーク エラー、読み込みエラーなど)、スクリプトを実行します#onended#scriptonerrorscriptonloadeddatascriptonloadedmetadatascriptonloadstartscriptonpause#script#メディア データの再生が開始されるときにスクリプトを実行しますscriptWhen ブラウザがメディア データを取得するときにスクリプトを実行しますメディア データの再生レートが変更されたときに実行するスクリプトscript準備完了状態が変化したときにスクリプトを実行#scriptメディア要素の位置属性が変更されたときにスクリプトを実行[ 1] は true ではなくなり、配置が終了しました#scriptメディア要素の配置時にスクリプトを実行します属性が true で、位置決めが開始されましたscriptエラー (遅延) が発生した場合にスクリプトを実行します。メディア データの取得scriptブラウザがすでにメディア データを取得しているが、メディア データを取得する前に停止した場合にスクリプトを実行します。メディア ファイル全体scriptメディアの再生位置が変更されたときに実行されるスクリプトscriptメディアの音量が変更されたとき、または音量がミュートに設定されているときにスクリプトを実行しますscriptメディアの再生が停止したが再生を継続する場合にスクリプトを実行します
Attribute Value Description
onabort script 中止イベントが発生する スクリプトを実行します
onca​​nplay script メディアの再生を開始できるときにスクリプトを実行しますが、バッファリングのため停止する必要がある場合があります
onca​​nplaythrough script メディアが再生できるときにスクリプトを実行しますバッファリングのため停止せずに終了
#script
script
メディアが最後に達したらスクリプトを実行します
要素の読み込み中にエラーが発生したときにスクリプトを実行します
メディア データのロード時にスクリプトを実行します
メディア要素およびその他のメディア データの継続時間が設定されている場合、ロード時にスクリプトを実行します
ブラウザがメディア データの読み込みを開始したときにスクリプトを実行する
#script メディア データが一時停止したときにスクリプトを実行する #onplay
#onplaying
メディア データの再生が開始されたときにスクリプトを実行します #onprogress script
onratechange script
##onreadystatechange
onseeked
onseeking
onstalled
onsuspend
ontimeupdate
onvolumechange
onwaiting
##その他のイベント
属性

#説明#onshow 要素がコンテキストに表示されるときに発生しますontoggleユーザーが
要素を開いたり閉じたりするとトリガーされます
script
script
プログラミング関連の知識については、こちらをご覧ください。 、プログラミング コースにアクセスしてください。 !

以上がHTML にはどのようなイベント属性がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles