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

質問編集履歴

1

window.addEventListener('load', を追記

2021/01/04 04:53

投稿

koinoborisan
koinoborisan

スコア3

title CHANGED
File without changes
body CHANGED
@@ -1,19 +1,28 @@
1
1
  初歩的なことかもしれませんが教えて下さい。
2
- #html
2
+ ```html
3
- <input type="button" value="押" onclick="RanRan();onclick='disabled = true;'">
3
+ <input type="button" value="押" id="RRR" onclick="RanRan();onclick='disabled = true;'">
4
4
 
5
5
  <audio id="sound">
6
6
  <source src= "/audio/hogehoge.mp3" type="audio/mp3">
7
7
  </audio>
8
+ ```
8
9
 
9
- #JS
10
+ ```javascript
10
11
 
12
+ window.addEventListener('load', function(){
13
+ var option = {
14
+ once: true
15
+ };
16
+ document.getElementById("RRR").addEventListener('click', RanRan);});
17
+
11
18
  function RanRan() {
12
19
 
13
20
  document.getElementById("sound").load();
14
21
  document.getElementById("sound").play();
15
22
  }
16
23
 
24
+ ```
25
+
17
26
  #解決したい点
18
27
 
19
28
  id sound にあるmp3を鳴らすようにしています。
@@ -23,4 +32,7 @@
23
32
 
24
33
  Jquery の .one('click', function() { のようなことをしたいです。
25
34
 
26
- 非常に初歩的なことかもしれませんが教えてもらえますと助かります。
35
+ 非常に初歩的なことかもしれませんが教えてもらえますと助かります。
36
+
37
+
38
+ ※追記してみましたが、これでも何度もなってしまいます。