单击EventListner javascript时播放声音

Play sound when click on EventListner javascript

本文关键字：播放声音 javascript EventListner 单击      更新时间：2023-09-26

我试图在点击动态创建的

  • 时运行声音但是我得到的错误对象没有方法。我发现的教程只调用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(); 

    }
}

    • 您可以在HTML5中创建一个audio元素，将其隐藏，然后使用JavaScript/jQuery对其进行操作

    <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。您应该注意，这使用了HTML5，所以IE<9不会支持这一点。

    相关文章：