使用“onclick”和 JavaScript 获取按钮上的 X/Y 坐标

Question

我是一名 JavaScript 初学者，正在寻找一种方法来获取单击按钮时的 x 和 y 坐标。这适用于 Opera、IE9 和 Chrome，但我无法让它在 Firefox 中运行。到目前为止，这是我的代码：

JavaScript 中的函数：

function buttonClick(subEvent)
{
    var mainEvent = subEvent ? subEvent : window.event;

    alert("This button click occurred at: X(" +
    mainEvent.screenX + ") and Y(" + mainEvent.screenY + ")");
}

这是 HTML 部分：

<input type="button" onclick="buttonClick()" value="Submit"/>

这里的想法是仅在单击按钮时获取坐标，并获取按钮本身边框内的实际坐标。在屏幕上获取坐标更容易，并且已经完成了适用于所有浏览器的解决方案。

提前感谢您的帮助。

Answer 1

您需要传递事件。这样做是这样的：

<input type="button" onclick="buttonClick(event)" value="Submit"/>
                                            ^
                                            '---- that one there