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 サイトの他の関連記事を参照してください。
H5コードの理解：HTML5の基礎Apr 17, 2025 am 12:08 AMHTML5は、最新のWebページを構築するための重要なテクノロジーであり、多くの新しい要素と機能を提供します。 1。HTML5は、Webページの構造とSEOを強化するなどのセマンティック要素を導入します。 2。プラグインなしのマルチメディア要素と埋め込みメディアをサポートします。 3.フォームは、新しい入力タイプと検証プロパティを強化し、検証プロセスを簡素化します。 4.オフラインおよびローカルストレージ機能を提供して、Webページのパフォーマンスとユーザーエクスペリエンスを向上させます。
H5コード：Web開発者向けのベストプラクティスApr 16, 2025 am 12:14 AMH5コードのベストプラクティスには以下が含まれます。1。正しいDoctype宣言と文字エンコーディングを使用します。 2。セマンティックタグを使用します。 3。HTTPリクエストを削減します。 4.非同期負荷を使用します。 5。画像を最適化します。これらのプラクティスは、Webページの効率、保守性、ユーザーエクスペリエンスを向上させることができます。
H5：Web標準とテクノロジーの進化Apr 15, 2025 am 12:12 AMWeb標準とテクノロジーは、これまでにHTML4、CSS2、および単純なJavaScriptから進化し、重要な開発を受けてきました。 1）HTML5は、CanvasやWebstorageなどのAPIを導入し、Webアプリケーションの複雑さと互換性を高めます。 2）CSS3はアニメーション関数とトランジション関数を追加して、ページをより効果的にします。 3）JavaScriptは、矢印関数やクラスなど、node.jsおよびES6の最新の構文を通じて開発効率とコードの読みやすさを向上させます。これらの変更により、パフォーマンスの最適化とWebアプリケーションのベストプラクティスの開発が促進されました。
H5はHTML5の速記ですか？詳細の調査Apr 14, 2025 am 12:05 AMH5はHTML5の略語だけでなく、より広い最新のWeb開発テクノロジーエコシステムを表しています。1。H5にはHTML5、CSS3、JavaScript、および関連するAPIおよびテクノロジーが含まれます。 2.より豊かでインタラクティブでスムーズなユーザーエクスペリエンスを提供し、複数のデバイスでシームレスに実行できます。 3. H5テクノロジースタックを使用して、レスポンシブWebページと複雑なインタラクティブ機能を作成できます。
H5およびHTML5：Web開発で一般的に使用される用語Apr 13, 2025 am 12:01 AMH5とHTML5は、同じこと、つまりHTML5を参照します。 HTML5はHTMLの5番目のバージョンであり、セマンティックタグ、マルチメディアサポート、キャンバスとグラフィックス、オフラインストレージ、ローカルストレージなどの新しい機能をもたらし、Webページの表現力と互換性を向上させます。
H5は何を参照していますか？コンテキストの探索Apr 12, 2025 am 12:03 AMH5ReferStoHtml5、apivotaltechnologyinwebdevelopment.1）html5introduceSnewelementsandapisforrich、dynamicwebapplications.2）Itupp ortsmultimediawithoutplugins、endancingurexperiencecrossdevices.3）semanticelementsimprovecontentstructurendseo.4）H5'srespo
H5：ツール、フレームワーク、およびベストプラクティスApr 11, 2025 am 12:11 AMH5開発で習得する必要があるツールとフレームワークには、Vue.JS、React、Webpackが含まれます。 1.Vue.jsは、ユーザーインターフェイスの構築に適しており、コンポーネント開発をサポートします。 2.複雑なアプリケーションに適した仮想DOMを介したページレンダリングを最適化します。 3.Webpackは、モジュールのパッケージングに使用され、リソースの読み込みを最適化します。
HTML5の遺産：現在のH5の理解Apr 10, 2025 am 09:28 AMhtml5hassificlytransformdedwebdeveverment byintroducingsingingelements、endincemultimediasupport、およびrequrovingperformance.1）itmadewebsitesmoreaccessibleandseo-frendlywithsemantelementslike、and.2）
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
メモ帳++7.3.1
使いやすく無料のコードエディター
Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。
WebStorm Mac版
便利なJavaScript開発ツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
