Javascript 将事件传递给函数

Question

为什么第一种方法有效，而第二种方法不行？

我很困惑为什么我可以使用第一种方法将事件传递给函数，但不能使用第二种方法。对我来说，这些应该是相同的。松散地基于Obtain Mouse Coordinates .

这确实有效:

document.onclick = function (e) {
  var x = e.pageX;
  var y = e.pageY;
  console.log(x);
};

这不起作用。它返回“ Uncaught ReferenceError :z未定义”。

document.onclick = mousePosition(z);

function mousePosition (e) {
  var x = e.pageX;
  var y = e.pageY;
  console.log(x);
};

Answer 1

因为在第二种方式中，您调用函数而不是定义事件操作。试试这个:

function mousePosition (e) {
    var x = e.pageX;
    var y = e.pageY;
    console.log(x);
};
document.onclick = function(z){
    mousePosition(z);
}

或者也:

function mousePosition (e) {
    var x = e.pageX;
    var y = e.pageY;
    console.log(x);
};
document.onclick = mousePosition;