teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

追記

2019/09/16 01:47

投稿

退会済みユーザー
answer CHANGED
@@ -1,3 +1,12 @@
1
1
  jQuery はなるべく使いたくないとのことですので・・・
2
2
 
3
- であれば、例えば、対象とする複数の div 要素全体をさらに div で囲ってその click イベントにリスナをアタッチし、バブリングで上がってくるイベントをそのリスナで捉えて処理してはいかがですか?
3
+ であれば、例えば、対象とする複数の div 要素全体をさらに div で囲ってその click イベントにリスナをアタッチし、バブリングで上がってくるイベントをそのリスナで捉えて処理してはいかがですか?
4
+
5
+ **【追記】**
6
+
7
+ キャプチャリングとバブリングのサンプルの記事を紹介しておきます。
8
+
9
+ キャプチャリングとバブリング
10
+ [http://surferonwww.info/BlogEngine/post/2012/12/01/capturing-target-and-bubbling-phases.aspx](http://surferonwww.info/BlogEngine/post/2012/12/01/capturing-target-and-bubbling-phases.aspx)
11
+
12
+ 記事のサンプルコードは記事の中で「実験室」としたリンク先で実際に動かして試すことができますので、興味があればどうぞ。

1

訂正

2019/09/16 01:47

投稿

退会済みユーザー
answer CHANGED
@@ -1,3 +1,3 @@
1
1
  jQuery はなるべく使いたくないとのことですので・・・
2
2
 
3
- であれば、例えば、対象とする複数の div 要素全体をさらに div で囲ってその click イベントにリスをアタッチし、バブリングで上がってくるイベントを捉えて処理してはいかがですか
3
+ であれば、例えば、対象とする複数の div 要素全体をさらに div で囲ってその click イベントにリスをアタッチし、バブリングで上がってくるイベントをそのリスナで捉えて処理してはいかがですか