轩枫阁

首页 / 授人以渔 / Javascript / JS判断鼠标进入容器的方向

JS判断鼠标进入容器的方向

前言

偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题。找到了一个基于jquery的解决方法,原文地址

效果预览

http://xuanfengge.com/demo/201409/direction/

浅析

其中的代码

这句用到的数学知识没怎么看明白。代码部分不是很多,直接写了个示例。

鼠标移动到上面,可以看到效果。其中返回的direction的值为“0,1,2,3”分别对应着“上,右,下,左”,所以结果值可以switch循环。

原文代码是基于jquery的,后面写了个原生的js效果,代码没有封装,给需要的朋友。由于firefox等浏览器不支持mouseenter,mouseleave事件,所以我暂时用mouseover,mouseout代替了,如果大家需要解决冒泡问题的话,还是自行搜索兼容性解决方法吧。

本文标题:JS判断鼠标进入容器的方向 - 轩枫阁

转载请务必注明出处,欢迎分享

如果觉得我的文章对您有用,请随意打赏
赞  赏
赞赏作者 轩枫-ivan
¥ 6.66
换个金额 使用微信扫一扫赞赏
  • 6.66
  • 8.88
  • 16.8
  • 2.33
  • 52.0
  • 20.0
  • 自定义
  • 10.0
195/458
197/458

相关文章

文章评论

  • 厉害!强~~~~没的说了!

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]