javascript – 函数“onclick”被调用,即使它没有在按钮中设置

我有以下代码.即使我没有将功能设置为按钮的onclick属性,我也无法弄清楚为什么会发生点击事件.

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

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

解决方法

那么你设置全局变量onclick,转换为全局对象窗口属性onclick.这与您直接设置它基本相同：

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

并且因为您已在整个窗口对象上设置了click事件,所以它不仅会在按钮单击时触发,而且会在单击文档中的任何内容时触发(除非事件传播停止).