検索

1. HTML グローバル イベント属性

HTML4 の新しい機能の 1 つは、HTML イベントがブラウザーでの動作をトリガーできることです。たとえば、ユーザーが HTML 要素をクリックすると、JavaScript が開始されます。 HTML5 では、いくつかの新しいイベント プロパティも追加されています。

HTMLイベントとは、HTML要素に対して起こることです。 JavaScript を HTML ページで使用すると、これらのイベントをトリガーできます。 HTML イベントは、ブラウザーのアクションまたはユーザーのアクションです。ページが読み込まれたときのイベントのトリガー、ページが閉じられたときのイベントのトリガーなどのブラウザーの動作。ボタンをクリックするとイベントがトリガーされ、ウィンドウ サイズを変更するとイベントがトリガーされるなどのユーザーの動作。通常、JavaScript はイベントがトリガーされたときに一部のコードを実行でき、イベント属性を HTML 要素に追加でき、JavaScript コードを使用して HTML 要素を追加します。 HTML イベント属性は JavaScript コードを直接実行でき、HTML イベント属性は JavaScript 関数を呼び出すことができますが、JavaScript コードは通常、イベント ハンドラーを HTML 要素にバインドするために使用されます。 JavaScript を使用すると、イベントを通じてフォーム検証、ユーザー入力、ユーザーの動作、ブラウザーのアクションを処理できます。

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

2. ウィンドウ イベント属性

このイベントはウィンドウによってトリガーされ、

タグに適しています:
Event 属性 Description
onload Rページが次の場合にスクリプトを解除します。ロードされました
onfocus ウィンドウがフォーカスを取得したときにスクリプトを実行します
onblur ウィンドウがフォーカスを失ったときにスクリプトを実行します
onbeforeonload (H5) ページが読み込まれる前にスクリプトを実行します
onunload (H5) ユーザーがドキュメントから離れたときにスクリプトを実行する
onerror (H5) エラーが発生したときにスクリプトを実行する
オンライン (H5) ドキュメントがオンラインになったときにスクリプトを実行する
onoffline (H5) ドキュメントがオフラインのときにスクリプトを実行する
onhaschange (H5) スクリプトを実行するドキュメントが変更されたとき
onundo (H5) ドキュメントの実行時 元に戻すときにスクリプトを実行
onmessage (H5) メッセージがトリガーされたときにスクリプトを実行
サイズ変更時 (H5) ウィンドウのサイズが変更されたときにスクリプトを実行する
onpageshow (H5) ウィンドウが表示されているときにスクリプトを実行する
onpagehide (H5) ウィンドウが隠れています
onpopstate (H5) ウィンドウ履歴が変更されたとき スクリプトを実行する
onredo (H5) ドキュメントが再実行操作を実行するときにスクリプトを実行する
オンストレージ (H5) Web Storage(ネットワークストレージ)領域の更新時(ストレージ領域のデータ変更時) スクリプトを実行
onbeforeprint (H5) ページ印刷前にスクリプトを実行
onafterprint (H5) ページの印刷後にスクリプトを実行します

3. フォームイベント属性

フォームイベントは HTML フォームでトリガーされ、すべての HTML 要素に適用されますが、HTML 要素はフォーム形式である必要があります:

要素がフォーカスを取得したときにスクリプトを実行します onblur要素がフォーカスを失ったときにスクリプトを実行するonforminput フォームがユーザー入力を取得したときにスクリプトを実行するoninput 要素がスクリプトを実行するときユーザー入力取得時 oninvalid (H5)
イベント属性 説明
onselect 要素が選択されたときにスクリプトを実行する
onchange 要素が変更されたときにスクリプトを実行する
onsubmit フォームが送信されたときにスクリプトを実行する
onfocus
(H5)
(H5) onformchange
Dang 要素が無効な場合にスクリプトを実行する

4. マルチメディア イベント属性

このイベントは画像、オーディオ、またはビデオによってトリガーされ、主に HTML イベント_html/css_WEB-ITnose

Rスクリプトをアンインストールすると、メディアは音量を変更するか、音量がミュートに設定されているときonended メディアが終わりに達したらスクリプトを実行しますoncanplay メディアが終了したときoncanplaythrough メディアがバッファリングせずに最後まで再生できるときにスクリプトを実行するontimeupdate メディアが再生位置を変更したときにスクリプトを実行する onwaitingメディアデータの再生レートが変化したときにスクリプトを実行するメディアリソース要素が突然空になった場合(ネットワークエラー、読み込みエラーなど)、 scriptメディア要素の期間と他のメディアデータが読み込まれたときにスクリプトを実行しますメディアが取得されたとき スクリプトを実行しますデータ処理にエラー(遅延)があった場合ブラウザが既にメディアデータを取得しているが、メディアファイル全体を取得する前に停止した場合にスクリプトを実行しますメディア要素のpositioning属性がtrueでなくなり、配置が終了したときにスクリプトを実行するメディア要素のpositioning属性がtrueで、配置が開始されたときにスクリプトを実行する
Event 属性 Description
onabort 中止イベントが発生したときにスクリプトを実行する
onprogress (H5) ブラウザがメディアデータを取得しているときにスクリプトを実行する
onloadstart (H5) 次の場合にスクリプトを実行しますブラウザがメディアデータの読み込みを開始します
onerror (H5) 要素の読み込み中にエラーが発生したときにスクリプトを実行します
onloadeddata (H5) メディア読み込み時
onreadystatechange (H5) Ready-state(準備完了状態)が変化したときにスクリプトを実行する
onplay (H5) メディアデータの再生が開始されようとしているときにスクリプトを実行する
onplaying (H5) メディアデータの再生開始時にスクリプトを実行
onpause (H5) メディアデータの一時停止時にスクリプトを実行
onvolumechange (H5)
(H5)
(H5)
(H5)
(H5)
(h5)メディアが再生を停止したときにスクリプトを実行しますが、再生を続けるつもりです。 (H5)
onemptied (H5)
onloadedmetadata (H5)
onstalled (H5)
onsuspend (H5)
onseeked ( H5)
onseeking (H5)

5. マウスイベント属性

ユーザーの動作をシミュレートするためにマウスを介してイベントをトリガーします:

ondragleave ( H5)6. キーボード イベント属性イベント プロパティ説明onkeydownキーが次の場合にスクリプトを実行しますpressedキーが離されたときにスクリプトを実行する
イベント属性 説明
onclick マウスがクリックされたときにスクリプトを実行します
ondblclick マウスがダブルクリックされたときにスクリプトを実行します
onmouseover マウスが要素内に移動したときにスクリプトを実行します
onmouseout マウスが要素の外に移動したときにスクリプトを実行します
onmousemove マウスが動いたとき
onmousedown マウスボタンが押されたときにスクリプトを実行する
onmouseup マウスボタンが放されたときにスクリプトを実行する
マウスホイール上 (H5 ) マウスホイールを回したときにスクリプトを実行
onscroll (H5) 要素のスクロールバーがスクロールしたときにスクリプトを実行
ondrag (H5) 走る要素をドラッグした時のスクリプト
ondragstart (H5 ) ドラッグ時
ondragend ondragover スクリプトを実行
要素が離れるときにスクリプトを実行する有効なドラッグ アンド ドロップ ターゲット
キーボード キーを使用してイベントをトリガーし、ユーザーの動作をシミュレートします:
onkeyup
onkeypress

キーを押して離したときにスクリプトを実行する

7. その他のイベント属性 イベント属性 説明onshow (H5)When 要素がコンテキストで表示されるときにトリガーされます ontoggle ユーザーが 要素
(H5)

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
テキストからウェブサイトへ: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)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

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

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

SecLists

SecLists

SecLists は、セキュリティ テスターの究極の相棒です。これは、セキュリティ評価中に頻繁に使用されるさまざまな種類のリストを 1 か所にまとめたものです。 SecLists は、セキュリティ テスターが必要とする可能性のあるすべてのリストを便利に提供することで、セキュリティ テストをより効率的かつ生産的にするのに役立ちます。リストの種類には、ユーザー名、パスワード、URL、ファジング ペイロード、機密データ パターン、Web シェルなどが含まれます。テスターはこのリポジトリを新しいテスト マシンにプルするだけで、必要なあらゆる種類のリストにアクセスできるようになります。

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

Dreamweaver Mac版

Dreamweaver Mac版

ビジュアル Web 開発ツール