버튼에 설정되어 있지 않아도 "onclick"함수가 호출됩니다.

Question

다음 코드가 있습니다. 버튼의 onclick 속성에 함수를 설정하지 않아도 click 이벤트가 발생하는 이유를 파악할 수 없었습니다.

Answer 1

var x = 0; 
 
var onclick = function() { 
 
    console.log("x = " + ++x); 
 
};

<button type="button" onclick="">Click</button>

그럼 당신은 전역 객체 window 재산 onclick로 변환 전역 변수 onclick을 설정합니다. 당신이 직접 설정하는 것처럼 이것은 기본적으로 동일합니다

window.onclick = function() { 
    console.log("x = " + ++x); 
}; 

을 그리고 당신은 전체 window 개체에 대한 클릭 이벤트를 설정하기 때문에, 그것은 (버튼 클릭에 있지만, 문서 내에서 아무것도에 클릭 할뿐만 아니라 실행됩니다 이벤트 전파가 중지되지 않는 한).

Answer 2

@ dfsq가 언급 한대로 var onclick=을 수행하면 window.onclick이 생성됩니다. 비슷한 메모에서 :

var onerror = function() { 
 
    console.log("ERROR HAPPENED!"); 
 
};

<button type="button" onclick="ThisFunctionIsNotDefined()">Click</button>