イベント伝播の確認サンプル
イベント伝播の確認サンプル
- セルをクリックしたとき
[Log] cell (5,1) (test.html, line 27) [Log] MouseEvent {clipboardData: undefined, screenX: 98, screenY: 252, clientX: 98, clientY: 190, …} (test.html, line 28) [Log] <td id="c51">1,131</td> (test.html, line 29) [Log] table (test.html, line 18) [Log] MouseEvent {clipboardData: undefined, screenX: 98, screenY: 252, clientX: 98, clientY: 190, …} (test.html, line 19) [Log] <td id="c51">1,131</td> (test.html, line 20)
- テーブルをクリックしたとき(セルをクリックしないように枠をクリック)
[Log] table (test.html, line 18) [Log] MouseEvent {clipboardData: undefined, screenX: 100, screenY: 273, clientX: 100, clientY: 211, …} (test.html, line 19) [Log] <table id="t" border="10">…</table> (test.html, line 20)