js怎样判断鼠标移入的方向，js怎么判断鼠标是否在某个div内

js判断鼠标移动

方法二：获取鼠标移入的那个点，距离div的左右上下哪条边最近，最近的那条边就是鼠标移入的方向。

原理就是通过比较鼠标的XY坐标来判断。我不知道有没有其他的方式了，就拿知道的来说。下面是实现代码。

判断鼠标滚轮是向上或向下滚动，不同的浏览器的判别方式是不一样的，当前比较流行的浏览器有 IE，Opera，Safari，Firefox，Chrome，在这个问题上Firefox和其他浏览器的实现方式是不一样的。

网上大部分判断鼠标移入div移入移出都是使用一下方法：这个方法确实十分奇特，使用起来十分方便。后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。

相关问答

Q1: JS用斜率判断鼠标进入DIV四个方向的方法

方法一：通过mouseover，mouseout来触发事件，才判断鼠标是否在该区域。 但是这种方法的局限性就是，必须要触发mouseover，或mouseout，mouseleave事件才能知道。

比较一下事件对象中 clientX和clientY的值，如果CX是变大说明是从左进来的，变小则是从右进来的；同理CY如果变大说明是从上进来的，变小则是从下进来的。

解决的办法是当触发onmouseout事件时，先判断鼠标是否在div内，如果在，说明鼠标并没有离开div，就不删除div，否则，删除之。OK，现在问题解决了。就是找到该div左上角和右下角坐标，判断鼠标的坐标是否在这一区域就可以了。

可以按以下思路步骤来实现：声明一个变量（如el），用来存放鼠标所在的元素节点。

Q2: js如何判断鼠标滚轮是向下还是向上滚动

1、判断鼠标滚轮是向上或向下滚动，不同的浏览器的判别方式是不一样的，当前比较流行的浏览器有 IE，Opera，Safari，Firefox，Chrome，在这个问题上Firefox和其他浏览器的实现方式是不一样的。

2、观察鼠标指针的移动方向：将鼠标移动到屏幕上的一个点，观察鼠标指针的移动方向。如果指针向上或向下移动，则鼠标在垂直方向上移动；如果指针向左或向右移动，则鼠标在水平方向上移动。这是最直观的方法。

3、对了，就是用你那种方法。类似页面左右有随页面滑动的小广告，都是用这种方法做的。

4、假设鼠标滚轮一次可以滚动一个EXCEL单元格，LED灯的光源宽度刚好为2个单元格。光栅遮挡跟无遮挡的宽度刚好为2格单元。根据滚动方向，我们可以得出上面的状态值。光敏管在一个周期中，每滚动一格数据变动一次。

Q3: js判断鼠标进入的8个方向

1、这样估计只能自己写代码判断了。跟踪mousemove事件，不断判断光标位置的变化，比如如果x不断变大，y也不断变大，那么我们大致就可以断定光标轨迹是从左上到右下的。

2、方法二：获取鼠标移入的那个点，距离div的左右上下哪条边最近，最近的那条边就是鼠标移入的方向。

3、判断鼠标滚轮是向上或向下滚动，不同的浏览器的判别方式是不一样的，当前比较流行的浏览器有 IE，Opera，Safari，Firefox，Chrome，在这个问题上Firefox和其他浏览器的实现方式是不一样的。

4、这个方法确实十分奇特，使用起来十分方便。后来自己看了一些文章，看到有另一种以斜率的方法来判断鼠标的移动方向。上图是此方法的示意图，以浏览器左上角做原点，水平轴作为x轴，往右为正；竖直轴作为y轴，向上为正。

Q4: 求“用JS(javascript)如何判断滚动条移动的方向?”代码

对了，就是用你那种方法。类似页面左右有随页面滑动的小广告，都是用这种方法做的。

有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

可以这么试一下 在你的页面上某个位置放一个div或者就用你页面上已有的某个元素也行，当用户滚动的时候这个div相对于浏览器的顶部或底部的距离肯定会变化，然后你通过这个距离来判断用户浏览到当前页面的什么位置了。

判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。

Q5: ...当鼠标mouseover事件触发时,我想知道从上左下右哪个方向移入...

比较一下事件对象中 clientX和clientY的值，如果CX是变大说明是从左进来的，变小则是从右进来的；同理CY如果变大说明是从上进来的，变小则是从下进来的。

.mouseenter：不冒泡。只有在鼠标穿过备选元素的时候，才会触发mouseenter事件 2 .mouseover：冒泡。

mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。

jquery中有2个对应的事件，那就是mouseover与mouseout。mouseover就是移动到元素触发的事件，mouseout就是离开元素触发事件。

mouseover：鼠标移入目标元素上方，鼠标移到其后代元素上时会触发。

var t = setTimeout(2级菜单.style.display=none，1000)； ，这样的话，只要在1秒内鼠标移到2级菜单上即可，当然，2级菜单的mouseover事件要立刻执行 clearTimeout(t)；。特别注意：变量t一定要设为全局的。

js怎样判断鼠标移入的方向的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js怎么判断鼠标是否在某个div内、js怎样判断鼠标移入的方向的信息别忘了在本站进行查找喔。