Question

我在Apache服务器上运行了一个网站。该网站仅供我访问。它包含一个下拉列表，其中包含两个选项和一个＆＃34;生成＆＃34;按钮。单击该按钮时，它会显示包含歌曲的音频元素列表。每个音频元素上方也是mp3文件本身的链接。我想做一个Lightbox 当有人点击它时，淡入并单独显示音频元素。我使用JQuery来防止单击a标记时的默认行为，但找不到仅定位它的方法。这是我的问题：

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

我尝试更改document部分，但它显示此错误：＆＃39;未捕获TypeError：songPlayer.addEventListener不是函数＆＃39;。目前，它的目标是所有文档DOM元素，这不是我想要的。有没有其他方法来实现这一目标？此外，有没有人有关于制作灯箱的任何提示？感谢。

Answer 1

需要在dom元素上调用

addEventListener，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（）不是我需要的

2 个答案: