获取鼠标事件的鼠标x|y坐标

最新推荐文章于 2021-06-03 19:13:36 发布

最新推荐文章于 2021-06-03 19:13:36 发布 · 1k 阅读

文章标签：

#event.pageY #event.pageX

js-event 专栏收录该内容

19 篇文章

订阅专栏

本文介绍如何在JavaScript中通过自定义函数获取鼠标事件的鼠标x|y坐标，包括兼容性考虑。

获取鼠标事件的鼠标x|y坐标

关于Event相关的可以参考http://zhangyaochun.iteye.com/blog/1439502

兼容性参考http://zhangyaochun.iteye.com/blog/1439543

/*
*pointer ---the mouse position x/y*
*@function*
*@param {Event} event*
*/
ZYC.event.pointer = function(event){
    return {
	  //getX---ZYC.event.pointer(event).x
	  x: event.pageX || ((event.clientX || 0)
	                    + (document.documentElement.scrollLeft || document.body.scrollLeft));   
	  
	  //getY---ZYC.event.pointer(event).y
	  y: event.pageY || ((event.clientY || 0)
	                    + (document.documentElement.scrollTop || document.body.scrollTop));   
	};
};