マウスイベントイベントフォームキーボードイベントイベント概要

マウスイベント

イベントの種類

  • クリック:ユーザーがマウスの主ボタン(通常は左ボタン)をクリックするか、トリガー焦点を押しながら、あなたは、Enterキーを押したとき
  • DBLCLICK:ユーザーダブルプライマリマウスボタントリガ(システム構成に応じて周波数)
  • マウスダウン:ユーザーが任意のをトリガするためにマウスボタンを押します
  • mouseup:ユーザーは、マウスに任意のキートリガーを持ち上げるとき
  • MouseMove:要素トリガーの上にマウスを移動します
  • マウスオーバー:マウスがトリガー素子に入射します
  • マウスアウト:マウスがトリガー要素を残し
  • MouseEnterイベント:マウスが要素がトリガされるに入ると、イベントはバブルしません
  • mouseleave:マウスが離れたときに要素がトリガされ、イベントはバブルしません

違い:

  • オーバーとアウト、子要素は親要素の子要素に親要素から移動を考慮せず、それはまだ休暇としてカウントされます
  • 出入り、サブ要素を考慮して、サブ要素は、まだ親要素の一部であります
  • MouseEnterイベントとは、バブルではないmouseleave

イベントオブジェクト

すべてのマウスイベント、イベントオブジェクトのイベントハンドラは、MouseEventのです

  • altKeyの:トリガーイベントは、Altキーキーボードを押しました
  • ctrlKey:トリガーイベントは、Ctrlキーキーボードを押しました
  • shiftKey:トリガイベントは、キーボードのShiftキーが押されたかどうかをするとき
  • ボタン:ときにトリガイベント、マウスボタンタイプ
    • 0:左
    • 1:ボタン
    • 2:右

所在地:

  • ページ:pageX、pageY、マウスから現在のページの水平および垂直座標
  • クライアント:clientX、clientYプロパティ、ビューポートにマウスの相対座標
  • オフセット:offsetX、offsetY、マウスイベントソースをパディングする相対座標
  • 画面:がscreenX、screenYの、画面にマウスの相対
  • clientX、clientYプロパティに相当するX、Y、
  • 移動:唯一の有効なマウス移動イベントmovementX、movementY、オフセット距離に対するマウス位置

キーボードイベント

イベントの種類

  • KeyDownイベント:キーボード・トリガーのいずれかのキーを押して、押した場合は、このイベントの繰り返しをトリガーします
  • キー操作:キーボードを押し、文字キートリガーを
  • keyUpイベント:持ち上げたキーボードの任意のキーをトリガ

テキストが表示されていない場合はKeyDown、キープレスイベントは、デフォルトの動作を防止します。

イベントオブジェクト

KeyboardEventです

  • コード:文字列キー得られ、適応キーボードレイアウト。
  • キー:取得した文字列キー、キーボードのレイアウトは適応されません。印刷された文字を取得します。
  • keyCode、:キーボードコーディングを与えるために、

その他のイベント

フォームイベント

  • 焦点:要素は(ユーザーが要素と対話することができます発生し、集中することができます)トリガーを集中すると、このイベントはバブルしません
  • ぼかし:トリガー要素がフォーカスを失うと、イベントはバブルしません。
  • 提出:フォームイベントを提出し、フォーム要素でのみ有効です。
  • 変更:テキスト変更イベント
  • 入力:テキスト変更イベント、トリガの瞬間

その他のイベント

窓グローバルオブジェクト

  • 負荷、DOMContentLoaded、readystatechange

負荷の窓:ページは、イベント内のすべてのリソースを完全にロードされる
ロードされた画像リソースのイベント:絵負荷の

ブラウザのページレンダリングプロセス:

  1. ページのソースを取得します
  2. 文書ノードを作成します。
  3. 上から下、各添加元素と、順次DOMツリーに要素を追加して、事前にレンダリングします
  4. 構造によると、順番に子ノードをレンダリングします

文書はDOMContentLoaded:DOMツリー構造を発生の完了後

readyStateの:読み込み、インタラクティブ、完全な

インタラクティブ:DOMContentLoadedトリガーイベント

完了:loadイベントは、ウィンドウをトリガ

おすすめ

転載: www.cnblogs.com/panghu123/p/11706507.html