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

回答編集履歴

2

調整

2020/05/21 04:29

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -1,2 +1,31 @@
1
1
  アロー関数のthisはwindowのことですし
2
- function内のthisとe.targetは違うものです
2
+ function内のthisとe.targetは違うものです
3
+
4
+ # 追記
5
+ ```javascript
6
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
7
+ <script>
8
+ $(function(){
9
+ $('.nest').on('click',function(e){
10
+ $('#view1').text($(this).attr('id'));
11
+ $('#view2').text($(e.target).attr('id'));
12
+ });
13
+ });
14
+ </script>
15
+ <div id="nest1" class="nest">1
16
+ <div id="nest2">2
17
+ <div id="nest3">3
18
+ </div>
19
+ </div>
20
+ </div>
21
+ <div id="nest4" class="nest">4
22
+ <div id="nest5">5
23
+ <div id="nest6">6
24
+ </div>
25
+ </div>
26
+ </div>
27
+
28
+
29
+ <div id="view1"></div>
30
+ <div id="view2"></div>
31
+ ```

1

調整

2020/05/21 04:29

投稿

yambejp
yambejp

スコア117912

answer CHANGED
@@ -1,1 +1,2 @@
1
+ アロー関数のthisはwindowのことですし
1
2
  function内のthisとe.targetは違うものです