JavaScript 点击突然完全停止工作

Question

我一直在开发一个项目并对其进行迭代(确保每个项目在继续之前都能发挥其预期功能)。

当我今天开始工作时，我的功能的一个关键部分已经停止工作；更糟糕的是，打开以前的迭代(尚未修改)也不适用于此功能。

我没有编辑任何代码。

相关代码在这里:

window.onload = function(){ // test for clicks on list
  var ul = document.getElementById("list");
  ul.onclick = function(event){
    var target = getEventTarget(event);
    //do stuff
  }
}

和函数 getEventTarget

function getEventTarget(e){
e = e || window.event;
return e.target || e.srcElement;
}

它没有对单击事件执行任何操作(不生成任何控制台日志)。正如我重申的，它之前运行得非常好。

我已经重新启动了计算机，完全清除了浏览器历史记录(Chrome)，在另一台计算机上尝试了代码(之前也曾在该计算机上运行过，但无济于事)，并尝试了不同的浏览器。

我该怎么办？

编辑:

HTML:

<div class="mylist hidden">
<div class="container">

<div id="addplaylist"><a><span class="glyphicon glyphicon-adjust"></span>
  <span>Here's my List</span>
</a></div>
<br />

<ul id="list">
</ul>

</div>
</div>

Answer 1

您必须在 ul 标记内至少添加一个文本。然后只有您才能单击它。

 window.addEventListener('load', function() {
   document.getElementById("list").addEventListener('click', function(event) {
     var target = getEventTarget(event);
   });
 });