JavaScript でのイベントの分類

JavaScript にはさまざまな種類のイベントがあることも皆さんご存知ですが、それらは非常に一般的に使用されており、重要なことは、私が JavaScript イベント について書いたとき、それらをただ眺めただけでした。見つけるのは面倒なので、JavaScript でイベントを分類しましょう

マウス クリック イベント mousedown、mousemove、mouseout、dblclick (ダブルクリック)、contextmenu (右クリック メニュー)

マウス スクロール ホイール イベントmousewheel スクロール ホイール イベント、IE/Google safari、DOMMouseScroll–>Firefox のプライベート ホイール イベントに適しており、addEventListener() を使用してのみバインドできます。
e.wheelDelta > 0 はホイールが上がっていることを意味します。 e.wheelDelta

キーボードイベントkeypress、keydown、keyup
keydownは物理キーを含むすべてのキーボードキーと補助キー[ctrl、shift、alt、f1...]を検出できます
keypressは物理キー[文字]のみを検出できます、文字、数字、記号、スペース]、大文字と小文字を検出し、押したキーを検出できます。 e.keyCode

タッチスクリーンイベントtouchstart、指が画面を押すとトリガー
touchmove、指が画面上にあるとき スワイプ
タッチエンド、指が画面から離れたときにトリガー
タッチキャンセル、タッチスクリーンイベントのキャンセル

アニメーションイベント ズーム ピンチスタート ズームジェスチャの開始点
ピンチエンド ズームジェスチャの終了点
ピンチズームジェスチャ
ピンチ縮小
ピンチアウト ズームイン
rotateleft 回転
rotateright 右回転
rotate 回転
スワイプ スワイプスタート スライド ジェスチャの開始点
スワイプ スライド
スワイプエンド スライド ジェスチャの終了点
スワイプ左 左にスライド
スワイプ右 スライド
スワイプアップ スライド
下にスワイプ 下にスライド
スライドをスワイプ
ドラッグして開始ドラッグスタート画面をドラッグ
ドラッグドラッグジェスチャー
ドラッグ終了ドラッグエンド画面をドラッグ
ドラッグドラッグジェスチャー
長押し画面を長押し
タップタップクリック画面

フォームイベント
onchange[フォームドロップダウンリスト要素が変更されたとき]、oninput[テキストボックス入力時]
onsubmit[フォームが送信されたとき]

onfocus[フォーカスを取得する] onblur[フォーカスを失う]

イベント バインディング 2 つの方法。 on と addEventListener()

1. On イベント バインディング on でバインドされたイベントは、NULL に設定することで渡すことができ、削除することができます。
オンイベントは、イベントのバブリングフェーズにのみ追加できます。

2. addEventListener() addEventListener(type, handle, boolean) によってバインドされたイベントは、removeEventListener(type, handle, boolean) によって削除できます。ブール値は、イベントのバブリングフェーズにバインドされている false です。イベントのキャプチャフェーズに true にバインドします。

イベントのバブリングとキャプチャ

バブリングの防止:
on でバインドされたイベントの場合は、e.cancelBubble = true を使用します addEventListener イベントの伝播を防ぐには e.stopPropagation() を使用します

デフォルトのイベントをブロックします

1、return false; 2、event.preventDefault これは最も詳細ではないかもしれませんが、最も一般的に使用されるものです。

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