事件对象

什么是事件

1. 事件源 元素

2. 事件类型 点击事件 鼠标事件 等等

3. 事件处理函数

 事件兼容处理    e = e || window.event;
JSshi'j
div.onclick = function (e){
        console.log(e);
}
        // 光标距离可视窗口左上角的位置 相对于窗口
        console.log("clientX",e.clientX);
        console.log("clientY",e.clientY);
        // pageX 和 pageY
        // 光标距离文档流左上角的位置 相对于文档
        console.log("---------------------");
        console.log("pageX",e.pageX);
        console.log("pageY",e.pageY);
        // offsetX 和 offsetY
        // 光标距离元素左上角的位置
        // 元素：光标触发事件的元素();
        // 如果你不想按照里面光标触发元素的左上角计算坐标 按照事件源来计算坐标  css 
        样式 pointer-event：none;
        console.log("offsetX",e.offsetX);
        console.log("offsetY",e.offsetY);

个人总结 不喜勿喷 PS： page用于文档 offset用于元素 client 可视窗口

敬请期待......