概述
鼠标事件
- click：在用户单击主鼠标按键或者按下回车键时触发。
- dblclick：在用户双击主鼠标按键时触发。
- mousedown：任意鼠标按键按下时触发。
- mouseenter：鼠标光标首次进入元素内部时触发
- mouseleave：位于元素上方的鼠标光标移动到元素范围之外时触发。
- mousemove：当鼠标在元素内部移动时重复触发。
- mouseup：用户释放鼠标按键时触发。
- mouseover
- mouseout
- mousewheel：鼠标滚轮事件
坐标
客户区坐标位置
保存在事件对象的clientX、clientY属性中，所有浏览器都支持，表示事件发生时鼠标指针在视口中的水平和垂直坐标。这个值不包括页面滚动距离，因此并不表示鼠标在页面上的位置。
页面坐标位置
通过事件对象的pageX、pageY属性，可以获得事件是在页面什么位置发生的。在页面没有滚动的情况下，pageX = clientX，pageY = clientY。
IE8及更早版本，不支持页面坐标，如果需要页面坐标，则等于clientX/Y+页面滚动距离。
屏幕坐标位置
通过screenX、screenY属性就可以知道鼠标事件发生时，鼠标光标距离电脑屏幕的信息。
最后
以上就是精明水杯为你收集整理的JavaScript监听鼠标与滚轮事件鼠标事件坐标的全部内容，希望文章能够帮你解决JavaScript监听鼠标与滚轮事件鼠标事件坐标所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复