[JavaScript] 判断鼠标进入容器方向
来源:互联网 发布:妈富隆 欣妈富隆 知乎 编辑:程序博客网 时间:2024/05/16 07:43
[JavaScript] 判断鼠标进入容器方向
$("div").on("mouseenter mouseleave",function(e) { // 给盒子绑定进入进出事件 var that = $(this); // 先把当前元素存起来 var w = $(this).width(); // 得到盒子宽度 var h = $(this).height();// 得到盒子高度 var x = (e.pageX - this.offsetLeft - (w / 2)) * (w > h ? (h / w) : 1); // 获取x值 var y = (e.pageY - this.offsetTop - (h / 2)) * (h > w ? (w / h) : 1); // 获取y值 //direction的值为“0,1,2,3”分别对应着“上,右,下,左” var direction = Math.round((((Math.atan2(y, x) * (180 / Math.PI)) + 180) / 90) + 3) % 4; // 将点的坐标对应的弧度值换算成角度度数值 0 1 2 3 if(e.type == 'mouseenter'){ switch(direction) { case 0: // 鼠标从上面进来 break; case 1: // 鼠标从右面进来 break; case 2: // 鼠标从下面进来 break; case 3: // 鼠标从左面进来 break; } }else{ switch(direction) { case 0: // 鼠标从上面出去 break; case 1: // 鼠标从右面出去 break; case 2: // 鼠标从下面出去 break; case 3: // 鼠标从左面出去 break; } } }
1 0
- [JavaScript] 判断鼠标进入容器方向
- 判断鼠标进入容器方向
- js判断鼠标进入容器的方向
- js判断鼠标进入容器的方向
- 判断鼠标进入容器的方向
- 判断鼠标进入容器的方向
- 判断鼠标进入div容器的方向
- JS判断鼠标进入或离开容器的方向做出特殊hover效果
- 判断鼠标从什么方向进入元素
- 如何判断鼠标进入元素的方向
- 判断鼠标进入容易的方向,js判断划入方向
- javascript判断鼠标移动方向
- javascript获取鼠标进入div的方向
- JS用斜率判断鼠标进入DIV四个方向的方法 判断鼠标移入方向
- JavaScript判断鼠标滚轮滚动方向
- 判断鼠标进入/离开某块的方向
- js用斜率判断鼠标进入div的四个方向
- js用斜率判断鼠标进入div的四个方向
- MFC里拆分窗口
- SoapUI入门手册
- 字蛛使用
- (四)ArcGIS API For Javascript之地图操作及小部件
- JDBC
- [JavaScript] 判断鼠标进入容器方向
- 行为识别笔记:improved dense trajectories算法(iDT算法)
- cocos 3.x 创建新工程的命令
- Linux内核中的Kconfig、Makefile、.config
- Scrapy ——如何防止被ban 屏蔽 之策略大集合(六)
- android沉浸式状态栏(像iOS一样的状态栏)
- 八大排序算法(二) 折半插入排序
- 本人博客开启的第一天【刚开始学习图像算法】
- UVa247 Calling Circles