JavaScript学習メモ(16) jsイベント_基礎知識

復習
イベント オブジェクトには 3 つの側面の情報が含まれています...前回の記事を振り返ってください。

イベント オブジェクトのプロパティとメソッドは主にマウスとキーボードの情報です。

1. イベント タイプを取得します。

イベント オブジェクト属性タイプ

2. キー コードを取得します。

イベント オブジェクト属性 keyCode: 13、スペースを入力します。は 32、戻るキーは 8

3. Shift、Alt、Ctrl キー

イベント オブジェクト属性が押されたかどうかを検出します。shiftKey、altKey、ctrlKey

4.顧客の終了座標を取得します

イベント オブジェクトのプロパティ clientX および clientY

5. 画面座標を取得します

イベント オブジェクトのプロパティ screenX および screenY

イベントの種類
によると、イベントをトリガーするものとイベントが発生するオブジェクトは、ブラウザ内でいくつかの種類のイベントに分類できます。

1. マウス イベント

各マウス イベントの値は、次のイベント オブジェクトの属性に入力されます:

1. 座標属性 (clientX や client など)

2. 🎜>
3.Targer (DOM) または serElement (IE) 属性 (ターゲット オブジェクト属性)

4.shiftKey、ctrlKey、altKey、metaKey (DOM) 属性

5.button属性 (マウス イベントのみ)

(oEvent.target || oEvent.srcElement).id 論理文字または演算子が 2 つのオブジェクトに作用する場合、最初のオブジェクトが空でない場合は、最初のオブジェクトが返されます。それ以外の場合は、2 番目のオブジェクトが返されます。これは、イベントを引き起こした要素の ID です。


2. キーボードイベント
Keydown --- キーボードのキーが押されたときに発生します。キーを押し続けると、連続的にトリガーされます。

Keypress --- キーが押されて文字が生成されると発生します (つまり、Shit ctrl alt などのキーに関係なく) キーが押されている限り発生し続けます。

Keyup --- 押されたキーが離されたときに発生します

1. イベント属性

各キーボード イベントについて、次のイベント属性が入力されます。
keyCode 属性 (キーの ASC コード値)

charCode 属性 (DOM のみ)

target (DOM) および srcElement (IE) 属性

shiftKey、 ctrlKey、altKey、metaKey (DOM) 属性


2. シーケンス

ユーザーが文字キーを 1 回押すと、イベントが次の順序で発生します。 (1)、キーダウン;

(2)、キー押下;

(ユーザーが非文字キーを押した場合)シフトとして)、イベントは次の順序で発生します:

(1)、keydown;

(2)、keyup;


🎜>

オンロード、アンロード、サイズ変更、スクロール、その他のイベント。

4. ミューテーション イベント

ドキュメントまたは要素要素のサブツリーにノードを追加および削除する 現在、主流のブラウザーはこれを実装していません。