首页 > 其他分享 >DOM事件模型

DOM事件模型

时间:2023-04-17 10:55:08浏览次数:25  
标签:DOM 模型 冒泡 addEventListener fn 事件

一、事件模型:1、事件的促发会经历从上到下的捕获阶段,再经历从下到上的冒泡阶段;

2、addEventListener(type,fn,true/false) 可设置第三个参数选择阶段;

3、可以使用event.stopPropagation() 阻止捕获/冒泡;

二、事件委托:把一个或者一组元素的事件委托到它的父层或者更外层元素上。

优点:节省监听器、实现动态监听

缺点:调试比较复杂,不容易确定监听者

ul.addEventListener('click',function(e){
   if(e.target.tagName.toLowerCase()==='li')(
    fn()//执行
  )
})

  

 

标签:DOM,模型,冒泡,addEventListener,fn,事件
From: https://www.cnblogs.com/ducky-L/p/17325091.html

相关文章

  • 解决AD_3D模型显示成方框的问题
    最近打开之前画的一块板子,想看看他的3D模型。结果发现大多数元件的3D模型都变成了方块。换而言之3D模型失效了。如图:不知道什么原因导致这一问题。解决办法:更新一下3D模型所在的机械层即可。第一步:Tools->UpdaeFromPCBLibraries(快捷键T->L)。第二步:在弹窗中点击“Up......
  • pyqt5-事件
    1、介绍pyqt提供了事件机制使用户和程序进行交互。2、xxed方法组件的类中声明的类似xxed形式的方法,用于表示事件,使用时将其调用connect方法,指定处理方法。示例:xx.clicked.connect(self.opt)绑定组件对象的鼠标单击事件,如果触发,则调用opt方法3、xxEvent方法组件的类中声......
  • Buzz语音转文字安装使用(含Whisper模型下载)
    https://blog.csdn.net/oXiaoWeiWuDi/article/details/128925672 简介:Transcribeandtranslateaudioofflineonyourpersonalcomputer.PoweredbyOpenAI’sWhisper.转录和翻译音频离线在您的个人计算机。由OpenAI的Whisper提供动力。可以简单理解为QT的前端界面,python......
  • Django基础 - 06Model模型的关联关系及对象继承
     一、 一对一关系:实名认证表一对一关系: models.OneToOneField主表的数据是相对重要的(UserEntity), 从表需要主动声明关系(RealProfile)对象获取: 从表获取主表数据, 直接使用字段, 对象.字段名.属性名; 主表获取从表数据: 隐性的, 对象.模型名.属性名1.1 声明一对一......
  • 第五节:setState详解、render函数优化、数据不可变、ref获取DOM和组件
    一.        二.        三.         !作       者:Yaopengfei(姚鹏飞)博客地址:http://www.cnblogs.com/yaopengfei/声     明1:如有错误,欢迎讨论,请勿谩骂^_^。声     明2:原创博客请在转载......
  • jsdom解析html
    1、需求:需要根据博客内容生成一段摘要用于列表展示2、思路:通过富文本生成的博客内容是html,那么只要对html进行解析就可以拿到需要的摘要数据3、实现:下面主要通过jsdom这个库解析html安装依赖npmijsdom使用lethtml=`<p>1、需求:需要根据博客内容生成一段摘要用于列表......
  • 论文阅读记录1——Lmbff(更好的基于微调的语言模型)读后归纳
    方法:基于GPT-3的强大功能:只要给出一个自然语言提示和一些任务演示,GPT-3就能够做出准确的预测,而无需更新其底层局域网的任何权重。在一个更实际的场景中研究了少数镜头学习,在那里我们使用了更小的语言模型,其中的微调在计算上是有效的。我们提出了lm-bff(更好的语言模型的少量......
  • [绩效管理]可度量绩效管理模型第一阶段应用方法群简述
    可度量绩效管理模型在最开始的阶段需要构建基础数据,而基础数据必须来源于真实,也就是说,我们必须做到下面几条:1,通过一些方法把真实数据采集上来;2,这些方法的应用不能影响项目的正常进度;3,这些方法可以有效的采集数据,而不会成为虚假数据的来源。于是,在这些年的考虑中,形成了下面的一些具......
  • Hooks与事件绑定
    Hooks与事件绑定在React中,我们经常需要为组件添加事件处理函数,例如处理表单提交、处理点击事件等。通常情况下,我们需要在类组件中使用this关键字来绑定事件处理函数的上下文,以便在函数中使用组件的实例属性和方法。ReactHooks是React16.8引入的一个新特性,其出现让React的函数组......
  • 什么是人工智能模型的多模态生成能力?
    人工智能模型的多模态生成能力是指模型可以生成多种不同形式的数据,例如图像、语音、文本等,以及它们之间的组合和交互。这种能力可以扩展模型的应用场景,使其能够更好地处理多种类型的数据,提高数据的多样性和丰富性。在自然语言处理领域,多模态生成通常是指将文本、图像和语音等多种......