首页 > 编程知识 正文

那个事件存在冒泡,vue阻止冒泡事件的方法

时间:2023-05-05 06:23:28 阅读:12158 作者:4566

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的返回假可以阻止默认操作和冒泡

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。