介绍函数getDirection (ev) {
var mx=ev.clientX,
我=ev.clientY;
var el=this.offsetLeft,
等=this.offsetTop,
电子战=this.clientWidth,
嗯=this.clientHeight;
var=mx - el离开,
正确的=el +电子战- mx,
我=-等,=和+呃——我;
var min=Math.min。(应用数学,(左,右,上,下));
如果(min===左){
返回“left";
}else if (min===右){
返回“right";
}else if (min===) {
返回“top"
其他}{
返回“bottom";
}
}
小编给大家分享一下JavaScript获取鼠标移入div方向的方法是什么,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
前几天看了百度图片带有的文字标题,它会随着鼠标的移动方向载入,觉得蛮有意思,于是就想实现这么个功能。经过一番搜索和查找,找了两种实现方法。
方法一:用四个div拼成一个区域,从哪个div移入,就是从哪个方向移入。
方法二:获取鼠标移入的那个点,距离div的左右上下哪条边最近,最近的那条边就是鼠标移入的方向。
针对方法二,自己写了个小方法,代码如下,仅供参考
看完了这篇文章,相信你对JavaScript获取鼠标移入div方向的方法是什么有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
