Js代码获取鼠标点击的坐标

发布时间:2019-10-26编辑:脚本学堂
本文介绍下用Js代码实现获取鼠标点击的坐标,想获取页面中鼠标点击的坐标,可以用event.clientX和event.clientY。有需要的朋友,可以参考下。

获取页面中鼠标点击的坐标,要用到event.clientX和event.clientY。

注意这个event。它代表当前事件本身。
一定要是在事件触发的函数中,才可能访问到这个event,否则为空,event.clientX什么的也就不好使了。

例如,函数:
 

复制代码 代码示例:
GetMouseXY()
{
   alert(event.clientX + “,” + event.clientY);
}

现在有一个链接a,希望点击它获取鼠标光标,如下:
链接1:

复制代码 代码示例:
<a href=”javascript:GetMouseXY()”>鼠标光标</a>


点击,报错。
原因在于:点击链接不是一个事件。

将链接改成:
链接2:

复制代码 代码示例:
<a href=”#” onclick=”javascript:GetMouseXY()”>鼠标光标</a>


就正常了。

说明:event.clientX和event.clientY是返回最上一次鼠标点击事件的坐标。
能理解了这一点,就不会犯上面链接1中的错误了。