JS基础(事件对象)

onmousemove
-该事件将会在鼠标在元素中移动时被触发

事件对象
-当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数,
在事件对象中封装了当前事件相关的一切信息,
比如:鼠标的坐标键盘哪个按键被按下鼠标滚轮滚动的方向。。。

在IE8中,响应函数被触发时,浏览器不会传递事件对象,
在IE8及以下的浏览器中,是将事件对象作为window对象的属性保存的

//解决事件对象的兼容性问题
event=event ll window.event;

获取滚动条滚动的距离
chrome认为浏览器的滚动条是body的,可以通过body.scrollTop来获取火狐等浏览器认为浏览器的滚动条是html的,

clientX可以获取鼠标指针的水平坐标
cilentY可以获取鼠标指针的垂直坐标

clientX和clientY用于获取鼠标在当前的可见窗口的坐标div的偏移量,是相对于整个页面的

pageX和pageY可以获取鼠标相对于当前页面的坐标但是这个两个属性在IE8中不支持,
所以如果需要兼容IE8,则不要使用

详情参考:https://www.w3school.com.cn/htmldom/dom_obj_event.asp

原文地址:https://www.cnblogs.com/MDZZZ/p/12497429.html