js监听鼠标移动的方向，vue监听鼠标移动事件

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

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

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

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

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

相关问答

Q1: js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。

所以鼠标在iframe内的坐标应该不能在父页获取。你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。

首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

Q2: JS判断鼠标从什么方向进入一个容器实例说明_javascript技巧_百度...

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

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

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

4、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

Q3: jquery判断鼠标移动位置的变化

mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。

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

给响应的div添加onmousewheel事件即可。

响应mouseover事件，加个padding-left属性或者margin-left属性就可以了。

）函数。在js标签中，创建func()函数，在函数内，通过id(mytext)获得div对象，通过html()方法获得div内的文本内容，使用if语句判断获得的文字内容是否为指定的文本内容，如果不是，则通过html()方法改变文本内容。

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

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

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

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

关于js监听鼠标移动的方向和vue监听鼠标移动事件的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。