ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptイベントオブジェクトとは何ですか

JavaScriptイベントオブジェクトとは何ですか

青灯夜游
青灯夜游オリジナル
2021-11-24 16:34:052658ブラウズ

JavaScript では、イベント オブジェクト (イベント) は、イベントの発生時に関連情報を記録するために使用されるオブジェクトです。イベント オブジェクトはイベントの発生時にのみ生成され、イベント処理関数内でのみアクセスできます。すべてのイベント処理関数の実行が終了すると、イベント オブジェクトは破棄されます。

JavaScriptイベントオブジェクトとは何ですか

このチュートリアルの動作環境: Windows 7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

イベント オブジェクト (イベント) とは:

イベント オブジェクトは、何らかのイベントが発生したときに関連情報を記録するために使用されるオブジェクトです。

イベント オブジェクトはイベントの発生時にのみ生成され、イベント処理関数内でのみアクセスできます。すべてのイベント処理関数の実行が終了すると、イベント オブジェクトは破棄されます。

注: 実際、イベントは (バインドされているか監視されているかに関係なく) 常に存在しており、イベント ハンドラーがないだけです。 ! !

JavaScript イベントとは、ブラウザーまたはドキュメント ウィンドウで発生する特定の対話の瞬間であり、JavaScript と HTML 間の対話はイベントによってトリガーされます。

イベント ハンドラー:

イベント ハンドラー: ページ上でのユーザーのクリック アクション、マウス移動アクション、Web ページの読み込み完了アクションなどはすべてイベントと呼ばれます。名前、
つまり、click、mousemove、load などはすべてイベントの名前です。イベントに応答する関数は、イベント ハンドラーまたはイベント リスナーと呼ばれます。

イベント タイプ:

JavaScript では、イベントは、一般イベント、フォーム イベント、ページ イベントという 3 つの主要なカテゴリに分類されます。

  • UI イベント: ロード、アンロード、エラー、サイズ変更、スクロール、選択、DOMActive などは、ユーザーがページ上の要素を操作するとトリガーされます。

  • フォーカス イベント: Blur、DOMFocusIn、DOMFocusOut、focus、focusin、focusout などは、要素がフォーカスを獲得または失ったときにトリガーされます。これらのイベントの中で最も重要なものは、blur と注意が必要なのは、この種のイベントはバブルしないということです。

  • マウスとホイールのイベント: click、dblclick、mousedown、mouseenter、mouseleave、mousemove、mouseout、mouseover、mouseup などは、ユーザーがマウスを使用してページ上で操作を実行するとトリガーされます。 。

  • ローリング ホイール イベント: マウスホイール (すべて IE6 でサポート)、DOMMouseScroll (FF でサポート、マウスホイールと同じ効果)。マウス ホイールを使用するとトリガーされます。

  • テキスト イベント: textInput、テキストがドキュメントに入力されるとトリガーされます。

  • キーボード イベント: keydown、keyup、keypress、ユーザーがキーボードを使用してページ上で操作を実行するとトリガーされます。

  • 合成イベント: DOM3 レベルで新たに追加され、IME の入力シーケンスを処理するために使用されます。いわゆる IME は、ユーザーが物理キーボードにない文字を入力できるようにする入力方式エディターを指します。イベントには、compositionstart、compositionupdate、compositionend の 3 つがあります。

  • Change イベント: DOMsubtreeModified、DOMNodeInserted、DOMNodeRemoved、DOMAttrModified、DOMCharacterDataModified など。基礎となる DOM 構造が変更されたときにトリガーされます。 IE8 - サポートされていません。

  • 名前変更イベント: このイベントは、要素または属性の名前が変更されるとトリガーされます。現在は非推奨です。

    基本的なイベントの種類には、HTML5の登場と発展に伴い、HTML5イベント、デバイスイベント(シングルタッチ)、タッチイベント、タッチイベント、ジェスチャーイベントなどのさまざまなイベントが追加されています。

その他のイベントは以下の通りです

リソースイベント

##イベント名#エラーリソースの読み込みが失敗したときにトリガーされます。 abortリソースのロードが中止されたとき。 loadリソースとその関連リソースがロードされました。 アンロード前ウィンドウ、ドキュメント、およびそのリソースがアンロードされます。 アンロードドキュメントまたは依存リソースがアンロードされています。 #ネットワーク イベント

イベント名トリガーされるタイミング#onlineブラウザがネットワーク アクセスを取得しました。 #WebSocket イベント
#オフライン ブラウザがネットワーク アクセスを失いました。
##イベント名

トリガーするタイミング

openmessageerrorclose

CSS アニメーション イベント

WebSocket 接続が確立されました。
WebSocket 経由でメッセージを受信しました。
WebSocket 接続が異常終了しました (たとえば、一部のデータを送信できませんでした)。
WebSocket 接続が閉じられました。
イベント名 トリガーするタイミング
animestart CSS アニメーションの開始時にトリガーされます。
animationend CSS アニメーションが完了すると起動されます。
animationiteration CSS アニメーションが完了後に再開されるときにトリガーされます。

#CSS トランジション イベント

イベント名トリガーするタイミングtransitionstarttransitionruntransitionend
リスニング遷移イベントの開始時にトリガーされます。

遷移イベントをリッスンするときにトリガーされます。

リスニング遷移イベントが終了するとトリガーされます。

#印刷イベント

イベント名beforeprintafterprint#クリップボード イベント
Hoトリガー時期
プリンターの準備ができたときにトリガーされます。
プリンターの電源がオフになると起動されます。

イベント名トリガーされるタイミング cut選択したテキスト コンテンツが切り取られ、クリップボードにコピーされました。 copy選択したテキスト コンテンツがクリップボードにコピーされました。 貼り付けクリップボードからコピーしたテキスト内容が貼り付けられます。 [関連する推奨事項: JavaScript 学習チュートリアル

]

以上がJavaScriptイベントオブジェクトとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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