文章目录js中的事件对象、事件源对象、事件流分析理解事件对象(event )事件源对象事件流捕获事件冒泡事件事件委托阻止事件冒泡和默认事件
了解js中的事件对象、事件源对象和事件流分析事件对象(event )是什么。 事件是指可以在js中发生并且可以监听的所有事件(例如，) )鼠标、键盘、浏览器窗口的变化等)是什么)简单地说，事件3358 www.Sina.com/BTN.onclick=function (event ) {let e=event || window.event} )事件源对象
简单来说，就是指事件具体发生在该对象上，而对于element元素来说，事件源对象是指单击的元素。 浏览器兼容性也有问题。
在fireFox中为event.srcElement，在IE中为event.target
表示法参照事件对象的事件流，事件流主要分为两类。 1 .事件捕获2 .鼓泡触发顺序被鼓泡捕获
但是，细分后，在捕获鼓泡阶段，存在进行特定操作的dom要素进行的操作阶段这样的目标阶段
捕获事件首先由顶层节点接收事件，然后传播到特定节点。 (eg )当用户单击div元素并使用事件捕获时，click事件将按照documenthtmbodydiv的顺序传播。 传达方式是从外向内向传达的。
与捕获事件相反，冒泡事件是从内向外传播的，用户单击div时会传递给父代，成为divbodyhtml。 *由于这些特性，经常被用于委托事件。
事件请求将所有子元素触发的同一事件绑定到父元素。 这将提高DOM操作的性能。 具体使用方法是使用事件源对象。
要为uli1/Lili2/Lili3/Lili4/Lili5/Li/ulli绑定单击事件，通常循环Li田间的单击事件
letoli=document.queryselectorall (Li ) ) for ) letI； i oLi.length； 如何使用I () { oLi[i].onclick=function ) (console.log ) }邀请事件
let oul=document.query selector (ul ) (oul.onclick=function ) event ) ) lete=event|| window.event console.log灵活性阻止起泡和阻止缺省事件阻止起泡操作(有些事件不需要兼容的写法(***起泡操作)
functionstopbubble(event ) { var e=event||window.event //事件对象兼容写法e.stopProgation )？ e.stopp rogation (: e.cancel bubble=true/ie兼容表示法)默认事件(兼容表示法) * *块a标签和鼠标右键的默认跳转和菜单事件
functioncancelhandle(event ) vare=event|| window.evente.prevent default )？ e.preventDefault () : e.return value=false/* ie */} )仅供学习参考