原文:JS判断鼠标从什么方向进入一个容器

偶然将想到的一个如何判断鼠标从哪个方向进入一个容器的问题。首先想到的是给容器的四个边添加几个块,然后看鼠标进入的时候哪个块先监听到鼠标事件。不过这样麻烦太多了。google了一下找到了一个不错的解决方法,是基于jquery的,原文地址 说实话,其中的var direction Math.round Math.atan y, x Math.PI 这句用到的数学知识我是真没有看明白,原文中有一些英文 ...

2012-11-06 16:12 6 5243 推荐指数:

查看详情

判断鼠标从什么方向进入容器的算法分析

昨天老大说让我写一个判断鼠标从什么方向进入容器js插件。第一反应就是算出进入容器的点的坐标,然后与四个边线的位置比较。可是又觉得这样的想法好老土,没有一点技巧性。 在网上搜索发现有一个很多人都转载的算法,如下: 就这么几行代码,将我印象里会有一长串的if else ...

Thu Apr 17 02:07:00 CST 2014 23 2358
js用斜率判断鼠标进入div的四个方向

网上大部分判断鼠标移入div移入移出都是使用一下方法: 这个方法确实十分奇特,使用起来十分方便。 后来自己看了一些文章,看到有另一种以斜率的方法来判断鼠标的移动方向。 上图是此方法的示意图,以浏览器左上角做原点,水平轴作为x轴,往右为正;竖直轴作为y轴,向上为正。 中间的div ...

Mon Nov 07 19:26:00 CST 2016 0 1435
js判断鼠标滚轮方向的方法

前 言 LiuDaP    最近无聊,在做自己的个人站,其中用到了一个关于鼠标滚轮方向判断的方法,今天闲来无聊,就给大家介绍一下吧!!!!   在介绍鼠标事件案例前,让我们先稍微了解一下js中的event对象 一、JS中的Event对象 ...

Sun Nov 05 18:56:00 CST 2017 0 1200
关于js判断鼠标移入元素的方向--解释

  一开始我是这么想的,将待移入的元素分割四块,用mousemove获取第一次鼠标落入的区域来判断鼠标是从哪个方向进去的。 所以只要写个算法来判断鼠标的值落入该元素的区域就可以得出鼠标移入的方向,如下图:   对于数学不太好的我,只能上网找下看有没有人解决了。找到了如下这段: var x ...

Sat May 16 22:26:00 CST 2015 2 1928
js判断鼠标旋转度数以及顺逆方向详解

一个需求,判断鼠标绕某点顺时针旋转n度后做什么事,逆时针旋转n度后作什么事,即可用到本案例 首先我们可以得到三个点,分别为中心点,起始点和结束点,于是可以知道三点的坐标,再通过余弦定理求出旋转角度,同时可知三边的向量,便可通过叉乘求出方向为顺时针还是逆时针。 运算代码如下: ...

Thu May 16 23:13:00 CST 2019 1 704
关于js判断鼠标移入元素的方向——上下左右

 一开始我是这么想的,将待移入的元素分割四块,用mousemove获取第一次鼠标落入的区域来判断鼠标是从哪个方向进去的。 所以只要写个算法来判断鼠标的值落入该元素的区域就可以得出鼠标移入的方向,如下图:   对于数学不太好的我,只能上网找下看有没有人解决了。找到了如下这段: var x ...

Wed Jul 13 22:49:00 CST 2016 1 5449
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM