千锋教育JavaScript全套视频教程（10天学会Js，前端javascrip

事件对象 - 鼠标事件

通过dom0给 元素绑定一个事件 并输出event 打印出事件对象

evt.clientX ， evt.clientY 距离浏览器可视窗口一个左上角从坐标值 如果滚动后还是按照最距离左上角的坐标（因为是距离窗口的位置）

pageX ，pageY 距离页面（文档流）的左上角的 绝对位置 滚动后坐标不变

offsetX ，offsetY 距离触发元素的左上角的坐标值 若盒子内还有其他元素 点击只会触发被点击盒子的鼠标的位置 （因为冒泡）

总结：一 clientX clientY 如果不触发滚动条想过和pageXpageY一样，如果触发滚动条，获取到可视口顶端或左端的距离

二.pageX pageY 获取距离文档顶端或左端的距离 一定要用 onmousemove

三.offsetX offsetY 获取内侧的偏移量相对于文档 e.offsetXe.offsety