1. 事件捕获,事件冒泡
事件:事件是指文档与浏览器窗口进行特定交互的瞬间。
事件流:事件流是指页面中接受事件的顺序,微软为事件制造泡沫,而网络环境是事件的捕获。
捕获事件:自上而下,根元素首先接受事件,目标元素最后接受事件。
事件气泡:从下而上,目标元素首先接受事件,逐步向上,最后根元素接受事件。
2. DOM事件流
在DOM事件流中,事件流由三部分组成:事件捕获3354形成目标阶段3354事件泡沫,首先事件捕获提供事件捕获机会,然后实际目标接受事件,事件泡沫阶段形成事件泡沫事件在目标阶段无法获取事件。
3. 事件处理程序
DOM事件定义了两个方法。 高级监听器和removeEventListener包含三个参数。 1 .如何处理事件click…2 .事件处理函数(对于删除函数,必须是命名函数。 3 .如果3.bool值为true,则为事件捕获阶段调用,默认值为false事件鼓泡阶段调用
4. 事件委托
利用事件泡沫原理,将子级触发的事件与父级联系起来。
ulid=' list ' li1/Lili2/Lili3/Li/ul//event.target表示目标元素,target事件源对象const ul=document.query seleret window.eventconsttarget=event.target if ) target.nodename.tolowercase )==='
1 .减少多次绑定,提高程序性能
2 .动态添加的子元素也可以自动获取事件
5. js阻止事件冒泡和默认事件
w3c:e.stopPropagation
ie : window.event.cancel bubble=true
默认事件:目标元素的默认行为。 例如,a标签会跳转到链接表单并提交表单
w3c:e.preventDefault (
ie : window.event.return value=false
js的返回假可以阻止默认操作,而jq的返回假可以阻止默认操作和冒泡