質問編集履歴

3

不要なタグの削除

2020/10/11 09:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

2

実装においての条件の追加

2020/10/11 09:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -48,4 +48,14 @@
48
48
 
49
49
 
50
50
 
51
+ 実際の`iframe`内に読み込むページはTwitterの埋め込みウィジェットになるので、
52
+
53
+
54
+
55
+ 1. `iframe`内の`window`に対して`click`イベントを設定することができず、
56
+
57
+ 2. `iframe`内のDOM要素のクリックイベントが出来なくなるような実装では解決しません。
58
+
59
+
60
+
51
- イベントハンドラを動作させる方法や、イベントハンドラが動作しない理由についてお心当たりがございましたら是非ご教授いただきたいです。よろしくお願いします。
61
+ このような条件でイベントハンドラを動作させる方法や、イベントハンドラが動作しない理由についてお心当たりがございましたら是非ご教授いただきたいです。よろしくお願いします。

1

サンプルコードの修正

2020/10/11 09:44

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- JavaScriptclickイベントのハンドラが呼ばれない
1
+ iframe要素クリック時に、JavaScriptclickイベントのハンドラが呼ばれない
test CHANGED
@@ -2,11 +2,7 @@
2
2
 
3
3
  <div id="container">
4
4
 
5
- <blockquote class="twitter-tweet">
6
-
7
- <a href="https://twitter.com/TwitterDev/status/1293593516040269825?ref_src=twsrc%5Etfw"></a>
5
+ <iframe src="https://www.example.com"></iframe>
8
-
9
- </blockquote>
10
6
 
11
7
  </div>
12
8
 
@@ -30,7 +26,7 @@
30
26
 
31
27
 
32
28
 
33
- container.addEventListener("click", clickHandler, false);
29
+ container.addEventListener("click", clickHandler, true);
34
30
 
35
31
  </script>
36
32
 
@@ -38,7 +34,7 @@
38
34
 
39
35
 
40
36
 
41
- - [jsfiddle](https://jsfiddle.net/ry8cqzvn/)
37
+ - [jsfiddle](https://jsfiddle.net/1vhomy4d/)
42
38
 
43
39
 
44
40