ホームページ > 記事 > ウェブフロントエンド > 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 イベント |
トリガーするタイミング
WebSocket 接続が確立されました。 | |
---|---|
WebSocket 経由でメッセージを受信しました。 | |
WebSocket 接続が異常終了しました (たとえば、一部のデータを送信できませんでした)。 | |
WebSocket 接続が閉じられました。 |
イベント名 | トリガーするタイミング |
---|---|
animestart | CSS アニメーションの開始時にトリガーされます。 |
animationend | CSS アニメーションが完了すると起動されます。 |
animationiteration | CSS アニメーションが完了後に再開されるときにトリガーされます。 |
#CSS トランジション イベント
トリガーするタイミング | |
---|---|
リスニング遷移イベントの開始時にトリガーされます。 | |
遷移イベントをリッスンするときにトリガーされます。 | |
リスニング遷移イベントが終了するとトリガーされます。 |
Hoトリガー時期 | |
---|---|
プリンターの準備ができたときにトリガーされます。 | |
プリンターの電源がオフになると起動されます。 |
cut | |
---|---|
copy | |
貼り付け | |
以上がJavaScriptイベントオブジェクトとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。