javascript - 可以在文档头中使用不显眼的 Javascript 事件吗？

Question

有一些关于纯 JS 的不显眼事件的示例。本主题中的大多数问题实际上都是用 jQuery 解决方案来回答的。我想知道这个简单的例子是如何工作的。正如我测试的那样，文档头中的这个功能非常适合点击整个文档

document.onclick=function(){alert("OK");}

但这不适用于点击<div id="test">CLICK</div>

document.getElementById("test").onclick=function(){alert("OK");}

如何捕获对不显眼的 JS 功能的元素的点击？

更新的问题：按照ascii-lime的回答，如何在文档“head”中放置不显眼的 Javascript 事件？

score 4 · Accepted Answer

确保您的脚本在您<div>存在之后运行，方法是将您的脚本放在之后，或者在事件处理程序<div>中运行它。window.onload

或者，您可以将附加onclick到文档（因为在脚本运行之前文档肯定存在），然后检测单击了哪个元素，如下所示：

document.onclick = function(e){
    e = e || window.event;
    if(e.target.id == 'test')
        alert('OK');
}

score 0 · Accepted Answer

我已经在 JSFiddle.net 中测试了您的代码，它似乎正在运行。

在这里查看它的实际效果：http: //jsfiddle.net/kNFrz/

我已经使用 Chrome 19.0 和 IE 9.0 进行了测试

2 回答 2