event,window.event对象，五大兼容性写法

概念：event事件对象的常用属性e.target，e == event是window全局对象的一个属性。

举例：document.getElementById('#main').onclick = 箭头函数，

(e) => {}

属性：

• e.target:节点dom，<div class='Ajaing jia'> <span>内部测试文字</></>

• e.target.id:main

• e.target.tagName:DIV

• nodeName:DIV

• classList:['Ajiang','jia',value:'Ajiang jia']

• className:Ajiangjia

• innerHTML:<span>内部测试文字</>

• innerText:内部测试文字

五大兼容性写法

• e = e || window.event

• target || srcElement

• e.stopPropagation() || e.cancelBubble = true //阻止事件冒泡

• e.preventDefault() || e.returnVlaue = false //阻止默认事件

• e.addEventListener() || e.attachEvent

• keyCode || which

mouse鼠标的冒泡

• mouse out:鼠标出+冒泡

• mouse over:鼠标进+冒泡

• mouse leave:离开子元素

• mouse move:重复触发