尚硅谷笔记 事件对象

onmousemove

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

事件对象

- 当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数，

（在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标，键盘哪个按键被按下，鼠标滚轮滚动的方向等等）

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

clinetY可以获取鼠标指针的垂直坐标

(它们用于获取鼠标在当前的可见窗口的坐标，而是始终以可见窗口的左上角为原点，但有时候div会有偏移量)

areaDiv.onmousemove = function(event){
  var x = event.clientX;
  var y = event.clientY;
  alert("x="+x + +", y"+ y );

}

pageX和pageY可以获取鼠标相对于当前页面的坐标。

获取滚动条滚动的距离  scrollTop

 chrome认为浏览器的滚动条时body的，可以通过body.scrollTop获取；

（现在chrome 都可以）

火狐等浏览器认为浏览器的滚动条时html的；

var st = document.documentElement.scrollTop 

事件的冒泡（bubble）

-所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也