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

如何确定鼠标是否位于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(鼠标位置的元素对象))

具体情况还是需要根据自己的需要来选择的,我已经调试了一个方法三,但是具体使用它。其他方法,继续学习
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部