document.preventDefault() 不是我需要的

Question

我在 Apache 服务器上创建了一个网站运行。该网站仅由我访问。它由一个带有两个选项的下拉列表和一个 "Generate" 按钮组成。单击该按钮时，它会显示包含歌曲的音频元素列表。每个音频元素上方也是 mp3 文件本身的 link。我想做一个 Lightbox 当有人点击它时淡入并单独显示音频元素。我使用 JQuery 来防止单击 a 标签时的默认行为，但找不到仅针对它的方法。这是我的问题：

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

我尝试更改 document 部分，但它显示此错误：'Uncaught TypeError: songPlayer.addEventListener is not a function'。目前，它的目标是所有文档 DOM 元素，这不是我想要的。还有其他方法可以实现这一目标吗？另外，有没有人有制作灯箱的技巧？谢谢

Answer 1

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

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

正是我们所需要的，那么我们可以这样做：

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

Answer 2

在 jquery 中，您执行以下操作：

$('#soundPlayer').on('click',function(e){//change #soundPlayer with the css selector of your element
  e.preventDefault();
});

document.preventDefault() 不是我需要的

document.preventDefault() is not what I need

javascript

jquery

html

audio

lightbox