Js代码获取鼠标点击的坐标
发布时间：2014-11-12 编辑：jiaochengji.com
本文介绍下用Js代码实现获取鼠标点击的坐标，想获取页面中鼠标点击的坐标，可以用event.clientX和event.clientY。有需要的朋友，可以参考下。
获取页面中鼠标点击的坐标，要用到event.clientX和event.clientY。
注意这个event。它代表当前事件本身。
一定要是在事件触发的函数中，才可能访问到这个event，否则为空，event.clientX什么的也就不好使了。
例如，函数：
复制代码 代码示例:
GetMouseXY()
{
alert(event.clientX + “,” + event.clientY);
}
{
alert(event.clientX + “,” + event.clientY);
}
现在有一个链接a，希望点击它获取鼠标光标，如下：
链接1：
复制代码 代码示例:
<a href=”javascript:GetMouseXY()”>鼠标光标</a>
点击，报错。
原因在于：点击链接不是一个事件。
将链接改成：
链接2：
复制代码 代码示例:
<a href=”#” onclick=”javascript:GetMouseXY()”>鼠标光标</a>
就正常了。
说明：event.clientX和event.clientY是返回最上一次鼠标点击事件的坐标。
能理解了这一点，就不会犯上面链接1中的错误了。
您可能感兴趣的文章：
Js代码获取鼠标点击的坐标
js获取鼠标坐标 js获取鼠标像素点
js与jquery中获取当前鼠标的x、y坐标位置的代码
C# 获取鼠标相对当前窗口坐标的方法
用VBS控制鼠标的代码（获取鼠标坐标、鼠标移动、鼠标单击、鼠标双击、鼠标右击）
jQuery 点击图片跳转上一张或下一张功能的实现代码
js中event鼠标事件的例子
js简单拖动层效果
js 获取鼠标实时坐标的代码
jQuery 在光标定位的地方插入文字的插件
上一篇：Js脚本查找网页中控件的方法介绍
下一篇：js实现可拖动的对话框的几个例子
[关闭]