javascript - 无法获取 handleClick 函数来调用其他函数，而不是自行完成它们所做的工作

Question

我无法像这样获取鼠标坐标

function handleClick() {
    getMouseCoordinates();
    calculateDistance();
    handleRotation();
    document.getElementById("tester").innerHTML = mouseX;
}

function getMouseCoordinates(e) {
    var offset = $('#gameWrapper').offset();
    mouseX = Math.round(e.clientX - offset.left);
    mouseY = Math.round(e.clientY - offset.top);
}

但是这样就可以了

function handleClick(e) {
    var offset = $('#gameWrapper').offset();
    mouseX = Math.round(e.clientX - offset.left);
    mouseY = Math.round(e.clientY - offset.top);
    calculateDistance();
    handleRotation();
    document.getElementById("tester").innerHTML = mouseX;
}

我认为第一种方法似乎是更好的方法

Answer 1

您需要将事件对象传递到任何需要它的函数中:

function handleClick(e) {
// ------------------^
    getMouseCoordinates(e);
// ---------------------^
    calculateDistance(); // If these need it, pass it...
    handleRotation();    // ...to them as well
    document.getElementById("tester").innerHTML = mouseX;
}

如果您需要从其中任何一个(例如 mouseX)返回信息，请将该信息作为函数的返回值，然后将其保存在局部变量中(或直接使用它)。