funkcja "onclick" jest wywoływana, mimo że nie jest ustawiona w przycisku

Question

Mam następujący kod. Nie byłem w stanie dowiedzieć się, dlaczego występuje zdarzenie kliknięcia, mimo że nie ustawiłem funkcji atrybutu onclick przycisku.

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

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

Answer 1

Dobrze ustawić zmienną globalną onclick, co przekłada się do globalnego obiektu window własności onclick. To jest w zasadzie taka sama jak gdybyś ustawić go bezpośrednio:

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

A ponieważ zostało ustawione zdarzenie click na całym window obiektu, to ogień nie tylko na kliknięcia przycisku, ale po kliknięciu na cokolwiek w dokumencie (chyba że propagacja zdarzenia zostanie zatrzymana).

Answer 2

Jak wspomniałeś @dfsq, tworzysz window.onclick, gdy robisz var onclick=. W podobnym tonie:

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

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