HTML 要素には、ユーザーが HTML 要素をクリックしたときに JavaScript を起動するなど、ブラウザーでアクションをトリガーするイベント属性を含めることができます。以下にリストされているイベント属性を HTML タグに挿入して、イベントの動作を定義できます。 HTML 4.01 と HTML 5 の違い HTML 5 の新しいイベント: onabort、onbeforeunload、onconte HTML 要素には、ユーザーが HTML 要素をクリックしたときに JavaScript を開始するなど、ブラウザーでの動作をトリガーするイベント属性を含めることができます。以下にリストされているイベント属性を HTML タグに挿入して、イベントの動作を定義できます。
HTML 4.01とHTML 5の違い
HTML 5の新しいイベント: onabort、onbeforeunload、oncontextmenu、ondrag、ondragend、ondragenter、ondragleave、ondragover、ondragstart、ondrop、onerror、onmessage、onmousewheel、onresize、onscroll、onunload。
HTML 4.01 属性はサポートされなくなりました: onreset。
プロパティ
| プロパティ | 値 | 説明 | 4 | 5 |
|---|---|---|---|---|
| onabort | スクリプト | 中止イベントが発生したときにスクリプトを実行する。 | 5 | |
| onbeforeonload | script | 要素が読み込まれる前にスクリプトを実行します。 | 5 | |
| onblur | script | 要素がフォーカスを失ったときにスクリプトを実行します。 | 4 | 5 |
| onchange | script | 要素が変更されたときにスクリプトを実行します。 | 4 | 5 |
| onclick | script | マウスクリック時のスクリプトを許可します。 | 4 | 5 |
| oncontextmenu | script | メニューがトリガーされたときにスクリプトを実行します。 | 5 | |
| ondblclick | script | マウスがダブルクリックされたときにスクリプトを実行します。 | 4 | 5 |
| ondrag | script | ドラッグされている限りスクリプトを許可します。 | 5 | |
| ondragend | script | ドラッグ操作の最後にスクリプトを実行します。 | 5 | |
| ondragenter | script | 要素が正当なドロップターゲットにドラッグされたときにスクリプトを実行します。 | 5 | |
| ondragleave | script | 要素が正当なドロップターゲットを離れるとき。 | 5 | |
| ondragover | script | 要素が正当なドロップターゲット上にドラッグされているときは常に、スクリプトを実行します。 | 5 | |
| ondragstart | script | ドラッグ操作の開始時にスクリプトを実行します。 | 5 | |
| ondrop | script | 要素がドラッグされているときにスクリプトを実行します。 | 5 | |
| onerror | script | 要素の読み込み中にエラーが発生した場合にスクリプトを実行します。 | 5 | |
| onfocus | script | 要素がフォーカスを取得したときにスクリプトを実行します。 | 4 | 5 |
| onkeydown | script | ボタンが押されたときにスクリプトを実行します。 | 4 | 5 |
| onkeypress | script | キーが押されたときにスクリプトを実行します。 | 4 | 5 |
| onkeyup | script | ボタンを放したときにスクリプトを実行します。 | 4 | 5 |
| onload | script | ドキュメントのロード時にスクリプトを実行します。 | 4 | 5 |
| onmessage | script | messageイベントがトリガーされたときにスクリプトを実行します。 | 5 | |
| onmousedown | script | マウスボタンが押されたときにスクリプトを実行します。 | 4 | 5 |
| onmousemove | script | マウスポインターが移動したときにスクリプトを実行します。 | 4 | 5 |
| onmouseover | script | マウスポインターが要素上に移動したときにスクリプトを実行します。 | 4 | 5 |
| onmouseout | script | マウスポインターが要素の外に移動したときにスクリプトを実行します。 | 4 | 5 |
| onmouseup | script | マウスボタンが放されたときにスクリプトを実行します。 | 4 | 5 |
| onmousewheel | script | マウスホイールがスクロールされたときにスクリプトを実行します。 | 5 | |
| onreset | script | フォームがリセットされたときにスクリプトを実行します。サポートしません。 | 4 | |
| onresize | script | 要素のサイズが変更されたときにスクリプトを実行します。 | 5 | |
| onscroll | script | 要素のスクロールバーがスクロールされたときにスクリプトを実行します。 | 5 | |
| onselect | script | 要素が選択されたときにスクリプトを実行します。 | 4 | 5 |
| onsubmit | script | フォームが送信されたときにスクリプトを実行します。 | 4 | 5 |
| onunload | script | ドキュメントのアンロード時にスクリプトを実行します。 | 5 |
【関連おすすめ】
5. H5 の 28 の非常に重要な新機能、新技術、新技術について詳しく説明します以上がH5イベント属性の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
マスタリングマイクロダタ：HTML5のステップバイステップガイドMay 14, 2025 am 12:07 AMMicrodatainHTML5enhancesSEOanduserexperiencebyprovidingstructureddatatosearchengines.1)Useitemscope,itemtype,anditempropattributestomarkupcontentlikeproductsorevents.2)TestmicrodatawithtoolslikeGoogle'sStructuredDataTestingTool.3)ConsiderusingJSON-LD
HTML5フォームの新しいものは何ですか？新しい入力タイプの調査May 13, 2025 pm 03:45 PMHTML5INTRODUCESNEWINPUTTYPESTENHANCEUSEREXPERIENCE、SIMPRIYIFYDEVELOPMENT、およびIMPROVEACCESSIBILITY.1）自動的にEmailformat.2）FOTIMIZENUMIMERICYPAD.3）およびSimplifyDateAndtimeInputs、reducingEdeDateDateRutedolutution。
H5の理解：意味と重要性May 11, 2025 am 12:19 AMH5はHTML5、HTMLの5番目のバージョンです。 HTML5は、Webページの表現力と相互作用を向上させ、セマンティックタグ、マルチメディアサポート、オフラインストレージ、キャンバス描画などの新しい機能を導入し、Webテクノロジーの開発を促進します。
H5：アクセシビリティとWeb標準のコンプライアンスMay 10, 2025 am 12:21 AMネットワーク標準へのアクセシビリティとコンプライアンスは、Webサイトにとって不可欠です。 1）アクセシビリティは、すべてのユーザーがウェブサイトに平等にアクセスできるようにします。2）ネットワーク標準は、ウェブサイトのアクセシビリティと一貫性を改善するために続きます。3）アクセシビリティには、セマンティックHTML、キーボードナビゲーション、色コントラスト、代替テキストの使用が必要です。
HTMLのH5タグは何ですか？May 09, 2025 am 12:11 AMHTMLのH5タグは、小さいタイトルまたはサブタイトルのタグを付けるために使用される5番目のタイトルです。 1）H5タグは、コンテンツの階層を改良し、読みやすさとSEOを改善するのに役立ちます。 2）CSSと組み合わせて、スタイルをカスタマイズして視覚効果を強化できます。 3）H5タグを合理的に使用して、乱用を避け、論理コンテンツ構造を確保します。
H5コード：Web構造に関する初心者向けガイドMay 08, 2025 am 12:15 AMHTML5にWebサイトを構築する方法には、次のものが含まれます。1。セマンティックタグを使用して、などのWebページ構造を定義します。 2。マルチメディアコンテンツ、使用、タグを埋め込みます。 3.フォーム検証やローカルストレージなどの高度な機能を適用します。これらの手順を通じて、明確な構造と豊富な機能を備えた最新のWebページを作成できます。
H5コード構造：読みやすさのためのコンテンツの整理May 07, 2025 am 12:06 AM合理的なH5コード構造により、ページは多くのコンテンツの中で際立っています。 1）コンテンツなどのセマンティックラベルを使用して、構造を明確にするためにコンテンツを整理します。 2）FlexBoxやグリッドなどのCSSレイアウトを介して、さまざまなデバイスでのページのレンダリング効果を制御します。 3）レスポンシブデザインを実装して、ページがさまざまな画面サイズに適応するようにします。
H5対古いHTMLバージョン：比較May 06, 2025 am 12:09 AMHTML5（H5）以降のバージョンのHTMLの主な違いには、次のものが含まれます。1）H5はセマンティックタグを導入し、2）マルチメディアコンテンツをサポートし、3）オフラインストレージ機能を提供します。 H5は、新しいタグやタグなどのAPIを介してWebページの機能と表現力を高め、ユーザーエクスペリエンスやSEO効果を改善しますが、互換性の問題に注意を払う必要があります。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。
人気の記事
ホットツール
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
SublimeText3 中国語版
中国語版、とても使いやすい
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
