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

时间:2011-04-26 23:01:07

标签: javascript button onclick coordinates

我是一名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"/>

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

提前感谢您的任何帮助。

1 个答案:

答案 0 :(得分:10)

你需要传递这个事件。这样做是这样的:

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