눈에 잘 띄지 않는 자바 스크립트 이벤트를 문서 헤드에 사용할 수 있습니까?

Question

순수 JS의 눈에 띄지 않는 이벤트에 대한 몇 가지 예가 있습니다. 이 주제의 대부분의 질문은 jQuery 솔루션을 통해 실제로 답변됩니다. 이 간단한 예제가 어떻게 작동하는지 궁금합니다. 나는 시험으로, 문서 헤드 내부에이 기능을 완벽하게 전체 문서

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

에 클릭을 위해 작동하지만이 방법은 눈에 거슬리지에 대한 요소를 클릭 캡처 <div id="test">CLICK</div>

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

에 클릭이 작동하지 않습니다 JS 함수?

업데이트 된 질문 : 답변을 ascii-lime에 따라 수행하면 어떻게 '자바 스크립트'이벤트가 'head'문서에 삽입 될 수 있습니까?

Answer 1

It works just fine.

<div> 이후에 스크립트가 실행되고 있는지 확인하십시오. <div> 뒤에 스크립트를 삽입하거나 window.onload 이벤트 핸들러에서 스크립트를 실행하십시오.

은 (문서가 확실히 존재하기 때문에 당신의 스크립트가 실행되기 전에) 다른 방법은 문서에 onclick을 첨부 할 수 있습니다 다음 like this을 클릭 한 요소를 감지 :

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

Answer 2

내가 JSFiddle.net에 코드를 테스트 한 그것은 달리고있는 것처럼 보인다.

여기에 직접보기 : http://jsfiddle.net/kNFrz/

내가 크롬 19.0 및 IE 9.0