JS中的事件对象及属性

1. 普通的函数中没有事件对象的概念

2. 每一个事件处理函数被触发的时候，都会生成一个事件对象，系统会将事件对象当做第一个形参传入

3. 获取事件对象的方式

   node.onclick = ($event) => {
   	let e = $event;
   }
   

4. 事件对象的属性解析
   ① button

   操作	返回值
   左键	0
   滚轮	1
   右键	2

   ② 获取当前鼠标位置

   属性	说明
   clientX、clientY	以浏览器可视窗口左上角为原点
   pageX、pageY	以页面的左上角为原点，包括滚动条滚出的距离
   screenX、screenY	以电脑屏幕的左上角为原点
   offsetX、offsetY	鼠标点击的位置距点击的这个节点的左、上距离

   ③ 是否按下了控制键

   属性	说明
   shiftKey	按下shift键，返回true，否则返回false
   ctrlKey	按下了ctrl键，返回true，否则返回false
   altKey	按下了alt键，返回true，否则返回false
   metaKey	按下了windows键（window系统）或command键（mac），返回true，否则返回false

   ④ keyCode键码
   【只在keydown事件类型下生效】
   【返回值：大写字母的ASCII码值，不区分大小写】

   ⑤ charCode字符码
   【只在keypress事件类型下生效】
   【返回值：当前按下字母的ASCII码值，区分大小写】
   ⑥ target触发对象
   【事件由谁引起的，就指向谁】
   【比如：ul绑定了一个点击事件，鼠标点击ul上的li，则此时的target指向这个li，this指向ul。】