單擊EventListner javascript時播放聲音

Question

我試圖在單擊動態創建的聲音時運行聲音

但我得到錯誤對象沒有方法。 我發現的教程僅調用elementById，但由於這是使用eventlistner的類。

這就是我現在所擁有的。

 function AddEvent(){ var addClass= document.getElementsByClassName("add"); addClass=addClass[addClass.length-1]; addClass.addEventListener("click", playsound, true); function playsound() { var mySound = src="wav/add.wav" mySound.play(); } } 

Answer 1

您可以在HTML 5中創建audio元素，將其隱藏，然后使用JavaScript / jQuery對其進行操作。 因此，您的HTML看起來類似於：

<audio id="mySound">
    <source src="add.ogg" type="audio/ogg">
    <source src="add.mp3" type="audio/mpeg">
</audio>

然后，您可以使用以下JS：

function AddEvent()
{ 
    var addClass = document.getElementsByClassName("add"); 
    addClass = addClass[addClass.length-1]; 
    addClass.addEventListener("click", function() {  
        document.getElementById('mySound').play();
    }, true); 
}

您可以在此處看到正在運行的jsFiddle 。 應該建議您使用HTML 5，但是IE <9將不支持此功能。