JS-事件对象的一些属性（offsetXY、clientXY、pageXY）

1,标签的布尔属性
定义给标签的属性,属性值就是属性名称
H5标准中,布尔属性,不推荐写属性值 checked="" 或者 checked

在JavaScript中,通过 标签对象.属性 = true / false 的形式来定义布尔属性

2,标签对象,坐标的数据
offsetX offsetY 鼠标距 标签对象内容(边框线内),左上角 的坐标
clientX clientY 鼠标距离 针对视窗窗口,左上角 的坐标
pageX pageY 鼠标距离 针对HTML文档,左上角 的坐标

3,tab切换

4,拖拽

事件对象的相关信息
存储在事件对象中的属性

1, 事件对象.offsetX 事件对象.offsetY
鼠标所在处,距离 边框线内 标签左上角 坐标

2, 事件对象.clientX 事件对象.clientY
鼠标所在处,距离 视窗窗口 左上角 坐标
3, 事件对象.pageX 事件对象.PageY
鼠标所在处,距离 页面(线框外) 左上角 坐标

如果页面没有滚动,页面的左上角和视窗窗口的左上角重合
两个数值是一样的

如果页面滚动,页面的左上角不再与视窗窗口的左上角重合
两个数值是不同的

var oDiv = document.querySelector('div')
oDiv.onclick = function(e){
    console.log(e);
}