获取鼠标相对位置

最新推荐文章于 2024-03-05 11:29:23 发布

原创最新推荐文章于 2024-03-05 11:29:23 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript/CSS 专栏收录该内容

26 篇文章

订阅专栏

本文介绍两种获取鼠标位置的方法：一种是获取鼠标相对于整个HTML页面的位置；另一种是获取鼠标相对于特定元素（例如图片）的位置。这两种方法对于实现交互式网页设计非常有用。

获取鼠标相对于html的位置：


		function mousePosition(evt){
			if(evt.pageX||evt.pageY){
				return {x:evt.pageX,y:evt.pageY};
			}
			return {
				x:evt.clientX+document.documentElement.scrollLeft-document.body.clientLeft,
				y:evt.clientY+document.documentElement.scrollTop-document.body.clientTop
			}
		}

获取鼠标相对于事件源的位置，如判断鼠标点击了图片上的什么位置


		function getPosition(srcElement, e) {   
	       		"x" : postion.x - $(srcElement).offset().left,
	       		"y" : postion.y - $(srcElement).offset().top
                   return {"x":x,"y":y};
		}