javascript - EventListner javascript をクリックするとサウンドが再生されます

Question

動的に作成された

しかし、エラー Object has no method が表示されます。私が見つけたチュートリアルは 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 はこれをサポートしないことに注意してください。