判断鼠标是不是在某个元素中

最新推荐文章于 2023-03-31 14:30:18 发布

转载最新推荐文章于 2023-03-31 14:30:18 发布 · 303 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jassonfish/p/3538255.html

文章标签：

#javascript #ViewUI

本文介绍了一个实用的JavaScript函数isInRect，该函数用于判断鼠标点击的位置是否位于指定元素的范围内。通过获取鼠标的点击位置并与元素的位置及尺寸进行比较，实现这一功能。

// 判断鼠标是不是在某个元素中

function isInRect(event,obj){
　　event = event||window.event;
　　var mouseClickPostion = [event.clientX+document.body.scrollLeft,event.clientY+document.body.scrollTop],

　　　　listMemuPostion = [obj.offsetLeft, obj.offsetTop],
　　　　isInRect = ((mouseClickPostion[0]>=listMemuPostion[0]) && mouseClickPostion[1]>=listMemuPostion[1] && mouseClickPostion[0]-　　　　 listMemuPostion[0]<=obj.offsetWidth && mouseClickPostion[1]-listMemuPostion[1]<=obj.offsetHeight);
　　

　　return isInRect;
}

转载于:https://www.cnblogs.com/jassonfish/p/3538255.html