検索
ホームページウェブフロントエンドhtmlチュートリアル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 までご連絡ください。
HTML:Webページの構造の構築HTML:Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ:HTMLの力テキストからウェブサイトへ:HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解:初心者向けガイドHTML、CSS、およびJavaScriptの理解:初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割:Webコンテンツの構造HTMLの役割:Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。

HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

See all articles

ホット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ヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境