JS 요소 onclick 이벤트가 실행되지 않습니다.

Question

dom을 사용하여 선택한 < > 요소가 있습니다. 콘솔 (크롬 개발 도구)에서

var link = document.createElement("a"); 
var ce = function (e) { 
    alert("A"); 
} 
link.onclick = ce; // Or link.addEventListener("click", ce); 
console.log(ce); 
console.log(link.onlick); 

, 나는 다음을 참조하십시오 : 나는 다음과 같은 코드가 다음

function (e) { alert("A"); } 

및

undefined 

을하면 요소를 클릭을 이벤트 해고하지 않는다. 콘솔에서 같은 요소에 onclick을 적용하는 것으로 나타났습니다. 그러나 은에 올바르게 적용됩니다.

이 이벤트를받는 방법은 무엇입니까?

Answer 1

사실은,이 문제는 오타로 인해 발생 :

console.log(link.onlick);// onlick !! 

대신에 :

var link = document.createElement("a"); 
     var ce = function (e) { 
     alert("A"); 
     } 
link.onclick = ce; // Or link.addEventListener("click", ce); 
link.text="Click me!!"; 
document.body.appendChild(link); 
console.log(link.onclick);// here you will get function (e) { alert("A"); } 

:

이

console.log(link.onclick); 

여기에 전체 코드입니다 그리고 이제는 잘 작동합니다. here's a DEMO.

Answer 2

onclick 이벤트를 바인딩하기 전에 DOM에 만든 링크를 추가해야합니다.

일단 이렇게하면 onclick 이벤트의 로그에 대해 더 이상 정의되지 않게됩니다. 당신이 가지고 있기 때문에

var link = document.createElement("a"); 
var ce = function (e) { 
    alert("A"); 
} 
// Add link to page 
document.body.appendChild(link); 
link.onclick = ce; // Or link.addEventListener("click", ce); 
console.log(ce); 
console.log(link.onclick);