javascript如何获取鼠标移入div的方向？相信有很多刚刚接触javascript的朋友都会有这样的疑问。本章就给大家介绍javascript如何获取鼠标移入div的方向。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
前几天看了百度图片带有的文字标题，它会随着鼠标的移动方向载入，觉得蛮有意思，于是就想实现这么个功能。经过一番搜索和查找，找了两种实现方法。
方法一：用四个div拼成一个区域，从哪个div移入，就是从哪个方向移入。
方法二：获取鼠标移入的那个点，距离div的左右上下哪条边最近，最近的那条边就是鼠标移入的方向。
立即学习“Java免费学习笔记（深入）”；
针对方法二，自己写了个小方法，代码如下，仅供参考
function getDirection(ev) { var mx = ev.clientX, my = ev.clientY; var el = this.offsetLeft, et = this.offsetTop, ew = this.clientWidth, eh = this.clientHeight; var left = mx - el, right = el + ew - mx, top = my - et, bottom = et + eh - my; var min = Math.min.apply(Math, [left, right, top, bottom]); if (min === left) { return "left"; } else if (min === right) { return "right"; } else if (min === top) { return "top" } else { return "bottom"; } }
登录后复制
以上就是对JavaScript如何获取鼠标移入div的方向的全部介绍，如果您想了解更多有关JavaScript视频教程，请关注PHP中文网。
以上就是JavaScript如何获取鼠标移入div的方向?（代码实例）的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2737631.html
