我一直致力于一个项目,并对其进行迭代(确保每个项目在继续之前都能使用其预期的功能)。
当我今天开始工作时,我的功能的一个关键部分已停止工作;更糟糕的是,打开之前的迭代(尚未修改)也不适用于此功能。
我没有编辑任何代码。
相关代码在这里:
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>
答案 0 :(得分:1)
您必须在ul标签内添加至少一个文本。然后只有你可以点击它。
window.addEventListener('load', function() {
document.getElementById("list").addEventListener('click', function(event) {
var target = getEventTarget(event);
});
});