首页 > 其他分享 >事件

事件

时间:2023-01-08 12:11:47浏览次数:33  
标签:隧道 元素 事件 其父 Preview 冒泡

事件分为:冒泡事件、隧道事件、和直接事件

隧道事件名称始终以Preview开头并首先引发。这使目标元素的父元素有机会在事件到达子元 素之前看到它(因此有Preview前缀)。隧道预览事件紧随冒泡事件之后。 在大多数情况下,只处理冒泡事件,隧道事件通常仅在你希望能够阻止该事件时,或者如果你需要父级在正常处理事件之前做某事时才使用。    

 

 点击黄色的脸部时,执行路由事件顺序:

路由事件可以是冒泡的、隧道的或直接的。 1. 冒泡事件首先查找附加到引发事件的目标元素的事件处理程序,然后查看其父元素,然后查看其父元素的父元素,依此类推,直到到达树的根;此顺序由图  4‑2  中的数字表示。  2. 隧道事件以相反的方式工作,它首先在树的根部寻找处理程序,然后向下寻找,直至原始元素结束。            

标签:隧道,元素,事件,其父,Preview,冒泡
From: https://www.cnblogs.com/friend/p/17034371.html

相关文章

  • 事件循环
    进程和线程进程:计算机运行的程序,操作系统管理程序的一种方式线程:运行调度的最小单位,被包含在进程中浏览器的事件循环1.JavaScript是单线程的,但JavaScript的线程应该......
  • Vue自定义事件原理
    自定义事件的基本用法<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metaname="viewport"content="width=device-width,initial-sca......
  • Spring5 IOC容器解析——事件监听机制
    一、事件驱动模型简介事件驱动模型,也即是我们通常说的观察者。基于发布-订阅模式的编程模型。概念定义对象间的一种一对多的依赖关系,当一个对象的状态发生变化时,所有依赖......
  • iView Cascader 级联选择 on-change 事件用法
    一、用法<FormItemlabel="父级菜单"label-position="top"><Cascader@on-change="selec......
  • 【Kotlin 协程】协程中的多路复用技术 ② ( select 函数原型 | SelectClauseN 事件 |
    文章目录​​一、select函数原型​​​​二、Selectclause事件​​​​1、SelectClause0事件代码示例​​​​2、SelectClause2事件代码示例​​​​三、查看挂起函数......
  • javaScript-DOM-获取元素,事件基础,操作元素
    javaScript-DOM目录javaScript-DOM1.DOM简介1.1什么是DOM1.2DOM树2.获取元素2.1如何获取页面元素2.2根据ID获取2.3根据标签名获取2.4通过HTML5新增的方法......
  • 【Azure 事件中心】向Event Hub发送数据异常 : partitionId[null]: Sending messages
    问题描述在使用Java代码向AzureEventHub发送数据时,先后遇见了如下两种异常消息:1)ERRORc.t.d.h.s.source.EventHubLogConsumer-Erroroccurredinpartitionproces......
  • C#事件
    C#事件实现步骤1、定义类型容纳所有发送给事件通知接收者的附加信息事件引发时,引发事件的对象可能希望向接收事件通知的对象传递一些附加信息。这些附加信息需要封装到它......
  • redis事件通知设置
    概述开发让给redis集群加个key过期通知的配置,特此了解这个配置事件通知redis事件通知(notify-keyspace-eventsEx)Keyspace通知使客户端可以通过订阅频道来接收那些以......
  • VUE中的键盘事件(按键别名)
    1.vue中常用的按键别名:回车=>enter删除=>delete(捕获“删除”和“退格”键)退出=>esc空格=>space换行=>tab  //不适合用keyup事件,tab会切走当前选中的......