マウスイベント
イベントの種類
- クリック:ユーザーがマウスの主ボタン(通常は左ボタン)をクリックするか、トリガー焦点を押しながら、あなたは、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
負荷の窓:ページは、イベント内のすべてのリソースを完全にロードされる
ロードされた画像リソースのイベント:絵負荷の
ブラウザのページレンダリングプロセス:
- ページのソースを取得します
- 文書ノードを作成します。
- 上から下、各添加元素と、順次DOMツリーに要素を追加して、事前にレンダリングします
- 構造によると、順番に子ノードをレンダリングします
文書はDOMContentLoaded:DOMツリー構造を発生の完了後
readyStateの:読み込み、インタラクティブ、完全な
インタラクティブ:DOMContentLoadedトリガーイベント
完了:loadイベントは、ウィンドウをトリガ