1。客户区域的坐标位置
鼠标事件在浏览器视图中特定位置的发生。这个位置信息存储在ClientX和事件对象clienty属性。他们表示，事件发生的价值当鼠标指针在视口坐标（不包括滚动的距离），如下图所示：
var div = document.getelementbyid（mydiv ）；/ /获取元素
eventutil.on（DIV，点击
事件= eventutil.getevent（事件）；
警报（屏幕坐标：event.screenx + +
}）；
注：本，EventUtil.on（）被表示为一个元素绑定事件，和eventutil.getevent（事件）代表事件objects.eventutil收购是一个自定义事件对象（通过Javaｓｃｒｉｐｔ），其中包含了一些跨浏览器的方法。具体实现请参见另一篇文章JS，它实现了一些跨浏览器的事件方法和示例，如果在项目中使用jQuery插件，则相应的方法可以相应地替换。
2。页面坐标的位置
事件对象的属性，pagex和pagey，可以告诉你页面中发生的事件的地方。换句话说，这两个属性表示网页中的鼠标光标的位置（相当于在窗口的鼠标到页面的距离的位置）。
var div = document.getelementbyid（mydiv / /）；到IDmydiv 元素
eventutil.on（DIV，点击功能（事件）{ / /元件结合的单击事件
事件= eventutil.getevent（事件）； / /获取事件的事件对象
无功pagex = event.pagex，pagey = event.pagey；
如果（pagex =定义）和早期版本的{ / / IE8
pagex = event.clientx +（document.body.scrollleft | |文档。文档元素}。scrollLeft）；
}
如果（pagey = undefined）{
pagey = event.clienty +（document.body.scrolltop | |文档。文档元素}。scrollTop）；
}
警报（页面坐标：pagex + +
}）；
三.屏幕坐标的位置
该用ScreenX及Screeny属性可以判断鼠标指针相对于整个屏幕的坐标，当鼠标事件发生。如下图：
var div = document.getelementbyid（mydiv ）；
eventutil.on（DIV，点击
事件= eventutil.getevent（事件）；
警报（屏幕坐标：event.screenx + +
}）；
本文是基于第三版的Javaｓｃｒｉｐｔ高级程序设计。
以上是本文的全部内容，希望本文的内容能给大家的学习或工作带来一定的帮助，同时也希望能给予更多的支持！
