事件对象

事件对象： 在事件里系统会提供一个和事件操作相关对象

 1.type : 事件类型  2.button：  0是鼠标左键  1 滚轮  2 右键

2.事件：event （click事件）

// 事件三部分构成 ： 1.事件源 （谁触发的事件） 2.事件类型（click）3.事件函数

// 一、几个坐标 ：

// 1. 点击位置离浏览器的左边距和上边距 : clientX / clientY;

// 这个x、y是相对于浏览器窗口

// var ele = document.querySelector(".box");

// ele.onclick = function(e){

//    var x = e.clientX;

//    var y = e.clientY;

//    console.log(x,y);

// }

// 2.触发事件的距离页面的左边距和上边距： pageX、 pageY

// 这个是相对于页面的x和y

// 3.相对于自身的左边距 和上边距 ： offsetX 、offsetY；

        // 和元素属性有关系 ：宽高 偏移量

            offsetLeft  offsetTop  offsetWidth  offsetHeight

            clientLeft  clientTop  clientWidth  clientHeight

        // x、y 都是和鼠标 事件有关系的

            offsetX    offsetY 

            clientX    clientY

            pageX        pageY