jqueryのメモevent_jquery

ブラウザ モデル:
1. DOM レベル 0 モデル
イベント ハンドラーは、関数インスタンスへの参照を DOM 要素の属性に割り当てることによって宣言されます。これは、onclick などの最も一般的なものでもあります。

(1)、より興味深いのは、イベント インスタンスとイベント バブリングです。
イベント インスタンスは、イベントのクラス インスタンスを最初のパラメータとして関数に渡すほとんどのブラウザですが、 IE では、イベントは window 属性に割り当てられます。w3c 標準ブラウザには target があり、IE は srcElement 属性を取得します。
(2)、イベント バブリング
ターゲット要素にはイベントを取得する機会があり、イベント モデルはターゲット要素の親要素を要求して、同じタイプのハンドラーが確立されているかどうかを確認します。確立されている場合、そのハンドラーも DOM ツリーの最上位まで呼び出されます。
w3c 標準ブラウザの場合は、イベントの stopPropagation() を使用できます。つまり、イベントの cancelBubble を使用してバブリング


2 を使用できます。2. レベル 2 モデル
で問題が解決されます。レベル 0 モデルの属性ストレージ イベントごとに登録できるハンドラーは 1 つだけです。
2 レベル モデルでは、イベントがトリガーされ、最初に DOM ツリーから下方向に伝播します。上記の addEventListener の 3 番目のパラメーターが false の場合はバブリング ハンドラーが作成され、true の場合はキャプチャ ハンドラーが作成されます。
ここでキャプチャ タイプについて聞いたのは初めてです。IE6 と 7 は第 2 レベル モデルをサポートしていないため、それは不思議ではありませんが、一部の IE ブラウザは、attachEvent(eventName, handler) を使用して同様のバブル タイプをサポートしています。 ）。

jquery のバインドはこれらの問題を解決します。 。 。
「jquery の実践」を参照してください。