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

質問編集履歴

3

追記

2021/11/11 14:53

投稿

noritamat
noritamat

スコア12

title CHANGED
File without changes
body CHANGED
@@ -13,6 +13,9 @@
13
13
  下記が正しく処理されるのであれば
14
14
  this.parentElement.removeEventListener('click', foo)で2つ目のdivに設定されているaddEventListenerが削除されるはずだと思うのですが削除されません
15
15
 
16
+ エラー内容
17
+ Uncaught ReferenceError: foo is not defined
18
+
16
19
  ```ここに言語を入力
17
20
  <div class="a">1</div>
18
21
  <div class="a"><img class="i" onerror="alert('error');this.parentElement.removeEventListener('click', foo);" src="https://www.nawpic.com/media/2020/brown-hert-nawpic.jpg"></div>

2

追記

2021/11/11 14:53

投稿

noritamat
noritamat

スコア12

title CHANGED
File without changes
body CHANGED
@@ -9,6 +9,10 @@
9
9
  書き方変えました
10
10
  onerrorを発生させるために
11
11
  存在しないURLを記述しました
12
+
13
+ 下記が正しく処理されるのであれば
14
+ this.parentElement.removeEventListener('click', foo)で2つ目のdivに設定されているaddEventListenerが削除されるはずだと思うのですが削除されません
15
+
12
16
  ```ここに言語を入力
13
17
  <div class="a">1</div>
14
18
  <div class="a"><img class="i" onerror="alert('error');this.parentElement.removeEventListener('click', foo);" src="https://www.nawpic.com/media/2020/brown-hert-nawpic.jpg"></div>

1

追記

2021/11/11 14:46

投稿

noritamat
noritamat

スコア12

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,15 @@
5
5
  うまくいきません
6
6
  何か書き方が違うんでしょうか
7
7
 
8
+ 追記
9
+ 書き方変えました
10
+ onerrorを発生させるために
11
+ 存在しないURLを記述しました
8
12
  ```ここに言語を入力
13
+ <div class="a">1</div>
14
+ <div class="a"><img class="i" onerror="alert('error');this.parentElement.removeEventListener('click', foo);" src="https://www.nawpic.com/media/2020/brown-hert-nawpic.jpg"></div>
15
+ <div class="a">3</div>
16
+
9
17
  <script>
10
18
  window.onload=function(){
11
19
  Array.from(document.querySelectorAll('.a'), l => {
@@ -13,15 +21,7 @@
13
21
  alert("");
14
22
  });
15
23
  });
16
- Array.from(document.querySelectorAll('.i'), l => {
17
- l.addEventListener('error', function() {
18
- this.parentElement.removeEventListener('click', foo);
19
- });
20
- });
21
24
  }
22
25
  </script>
23
- <div class="a">1</div>
24
- <div class="a"><img class="i" src="https://aaaa.com/aaaaa.jpg"></div>
25
- <div class="a">3</div>
26
26
 
27
27
  ```