如何确定鼠标是否位于div区域中

今天,我们研究了这个问题,普及了知识。

方法1:

确定鼠标在该地区,该事件是由mouseover和mouseout触发。但这种方法的局限是需要触发mouseover,或mouseout和MouseLeave事件知道。
复制代码代码如下所示:
chkin()函数
{
div_1.innertext =现在你移动鼠标到层!;
div_1.style.font =一般黑;
}
chkout()函数
{
div_1.innertext =现在你移动鼠标的层!;
div_1.style.font =红色加粗;
}

复制代码代码如下所示:
onmouseover =chkin()onmouseout=chkout()>这是一个div


方法二:
复制代码代码如下所示:
功能检查(e){
var x = window.event.clientx;
var y = window.event.clienty;
var =;
为(i = 0;i < document.body.children.length;i++){
var obj =文件。身体。孩子{我};
如果(x >对象。offsetleft)
x<(obj。offsetleft + obj。clientwidth)
y > obj.offsettop
Y<(obj。offsettop + obj。自己)){
';
其他{ }
';
}
}
警报(STR);
}
onclick=签文件。

方法三:

这种方法是最简单实用的。
复制代码代码如下所示:
如果(mydiv.contains(窗口。事件。srcelement))

如果(mydiv.contains(鼠标位置的元素对象))

具体情况还是需要根据自己的需要来选择的,我已经调试了一个方法三,但是具体使用它。其他方法,继续学习。