使用'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"/>

这里的想法是只在点击按钮时获取坐标，并获取按钮边框内的实际坐标。在屏幕上获取坐标更容易，而且已经为所有浏览器找到了解决方案。

提前感谢您的任何帮助。

- nicorellius

---

您不会在TD的子元素中获得X和Y，X和Y位置由表格布局控制。 - The_asMan

我认为只需将按钮本身放置在表格中即可。为了更清晰，我删除了那段代码...谢谢。 - nicorellius

Answer 1

您需要传递事件。方法如下：

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

- Christian

---

该死！看，这是一个典型的误解。我在别处读到过这个例子，但它让我觉得“事件”是变量，所以我把我的放在了“事件”的位置上，就像这样onclick="buttonClick(subEvent)"，结果它不起作用。但实际上你需要在那里加上单词“event”...天啊...谢谢！ - nicorellius