onmousedownイベントの終了（onmouseup？）

Question

クリックしたときにオーディオトラックをループするonmousedownイベントを使用してボタンを作成しました。私は、同じボタンがクリックされたときにオーディオループを終了しようとしています。私はonmouseupイベントを試みましたが運はありません。 （私はJavaScriptに新たなんだ）

<script> var one = new Audio(); one.src = "files/audio/one.wav"; one.loop = true; </script> 

<img class="item" src="files/button.png" onmousedown="one.play()" onmouseup="one.stop()"/> 

Answer 1

あなたのクリックを追跡するだけclickイベントをリッスンするvarを使用してみてください：

JS

var one = new Audio(); 
one.src = "files/audio/one.wav"; 
one.loop = true; 
var isPlaying = false; 

function manage(){ 
    if(isPlaying){ 
    one.pause(); 
    one.currentTime = 0; 
    isPlaying = false; 
    } 
    else{ 
    one.play(); 
    isPlaying = true; 
    } 
} 

HTML

<img class="item" src="files/button.png" onclick="manage()"/>