如何用js点击不同图片播放不同音频

发布网友 发布时间:2022-04-22 07:31

我来回答

2个回答

热心网友 时间:2022-04-22 18:51

<img id="img1" alt="img1">
<img id="img2" alt="img2">
<img id="img3" alt="img3">
<audio></audio>
<script>
// mp3名称分别为1.mp3,2.mp3,3.mp3
let myAuto = document.querySelector("audio")
document.querySelectorAll("img").forEach((item,index)=>{
item.onclick = ()=>{
myAuto.setAttribute("src",index+1+".mp3")
myAuto.play();
}
})
</script>

热心网友 时间:2022-04-22 20:09

图片绑定click事件,通过传参实现区分

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com