我有這個工作的代碼?；旧纤遣シ怕曇?onclick 和 onmouseover。但我必須在許多元素（鏈接和圖像）上使用它。我想要一個可以讓我在 html 頁面中使用類而不是 onmouseover 和 onclick 的解決方案。我認為這類似于事件偵聽器，但我發現很難做到這一點。這是我下面的代碼var audio, clicksound, hoversound, mutebtn;function initAudioPlayer(){ audio = new Audio(); audio.src = ("audio.ogg", "audio.mp3"); audio.loop = false; audio.volume = 0.5; audio.play(); clicksound = new Audio(); clicksound.src = ("audio/click.ogg", "click.mp3"); clicksound.loop = false; clicksound.volume = 0.5; clicksound.play(); hoversound = new Audio(); hoversound.src = ("audio/hover.ogg", "hover.mp3"); hoversound.loop = false; hoversound.volume = 0.5; hoversound.play(); mutebtn = document.getElementById("mutebtn"); mutebtn.addEventListener("click", mute); mutebtn.addEventListener("click", muteclick); mutebtn.addEventListener("click", mutehover); function mute(){ if(audio.muted){ audio.muted = false; mutebtn.style.background = "url(images/speaker.png) no-repeat"; } else { audio.muted = true; mutebtn.style.background = "url(images/muted.png) no-repeat"; } } function muteclick(){ if(clicksound.muted){ clicksound.muted = false; mutebtn.style.background = "url(images/speaker.png) no-repeat"; } else { clicksound.muted = true; mutebtn.style.background = "url(images/muted.png) no-repeat"; } } function mutehover(){ if(hoversound.muted){ hoversound.muted = false; mutebtn.style.background = "url(images/speaker.png) no-repeat"; } else { hoversound.muted = true; mutebtn.style.background = "url(images/muted.png) no-repeat"; } }}window.addEventListener("load", initAudioPlayer);<html><head><title>Just a sample code snippet</title></head><body>
如何使用類來觸發多個元素 onmouseover 和 onclick 的功能？
12345678_0001
2022-10-21 10:47:48
