[js] 事件对象 e.target offsetX clientX pageX

鼠标相关事件

e.target 触发事件的标签对象

	 - e.target.innerText：点击标签的本文内容
	 - e.target.tagName ：点击标签的标签名称，标签名称是大写字符
	 - e.target.id  ：id属性值
	 - e.target.className：class属性值 		
	 - e.target.getAttribute('name')

<div class="box" id="box1">我是div标签</div>

// 点击整个页面都可以触发事件
document.addEventListener('click', function (event) {
    console.log(event.target.innerText)
    console.log(event.target.id)
    console.log(event.target.className)
    console.log(event.target.tagName )
});

鼠标位置坐标数据

		- e.offsetX     e.offsetY    触发事件标签对象 左上角为原点的坐标 （鼠标坐标到元素的左侧的距离）
		- e.clientX     e.clientY     相对 视窗窗口 左上角为原点的坐标  (使用固定定位)（鼠标的坐标到页面左侧的距离）
		- e.pageX      e.pageY     相对 页面 左上角为原点的坐标  (跟着页面一起动)（页面X坐标位置）

键盘事件

     e.key   
         按键名称,有可能冲突重复

     e.keyCode
         按键编号,唯一的,不重复的

     e.ctrlKey
         ctrl 按下 是 true
         ctrl 没按 是 false

     e.altKey
         alt 按下 是 true
         alt 没按 是 false

     e.shiftKey
         shift 按下 是 true
         shift 没按 是 false

参考：
https://www.pianshen.com/article/68721770711/
https://www.jianshu.com/p/c0eae5eed0e9