javascript - document.preventDefault()不是我所需要的

我做了一个在Apache服务器上运行的网站。该网站仅由我访问。它由一个带两个选项的下拉列表和一个“生成”按钮组成。单击该按钮时，它将显示包含歌曲的音频元素的列表。在每个音频元素的上方还有一个指向mp3文件本身的链接。我想做一个Lightbox
淡入并在有人单击时分别显示音频元素。我使用了JQuery来防止单击标签时的默认行为，但是找不到仅以它为目标的方法。这是我的问题:

document.addEventListener("click", function(event){
event.preventDefault();});

我尝试更改document部分，但显示此错误:“未捕获的TypeError:songPlayer.addEventListener不是函数”。当前，它针对所有文档DOM元素，这不是我想要的。还有其他方法可以做到这一点吗？另外，有人在制作灯箱方面有任何提示吗？谢谢。

最佳答案

addEventListener需要在dom元素上调用，soundPlayer的ID为soundPlayer:

var soundPlayer = document.getElementById('soundPlayer');

这就是我们需要的
然后我们可以做:

soundPlayer.addEventListener("click", function(event){
...

关于javascript - document.preventDefault()不是我所需要的，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37201002/