Javascript点击突然完全停止工作

时间:2017-02-12 03:45:40

标签: javascript node.js

我一直致力于一个项目,并对其进行迭代(确保每个项目在继续之前都能使用其预期的功能)。

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

我没有编辑任何代码。

相关代码在这里:

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;
}

它没有对click事件做任何事情(不产生任何控制台日志)。正如我重申的那样,在此之前它的工作非常好。

我已经重新启动了我的计算机,完全清除了浏览器历史记录(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>

1 个答案:

答案 0 :(得分:1)

您必须在ul标签内添加至少一个文本。然后只有你可以点击它。

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