読者です 読者をやめる 読者になる 読者になる

IT練習ノート

IT関連で調べたこと(実際は嵌ったこと)を書いています。

イベント伝播の確認サンプル

javascript

イベント伝播の確認サンプル

gist.github.com

  • セルをクリックしたとき
[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)