首页 > 编程语言 >JavaScript HTML DOM EventListener

JavaScript HTML DOM EventListener

时间:2022-09-23 17:00:14浏览次数:54  
标签:触发 元素 句柄 捕获 JavaScript EventListener HTML 冒泡 事件

可向指定元素添加事件句柄

添加的句柄不会覆盖已存在的事件句柄

可向一个元素添加多个事件句柄

可向同个元素添加多个同类型的事件句柄,如两个“click”事件

向DOM对象添加监听

 

此方法可以更简单的控制事件(冒泡与捕获)

removeEventListener()方法可以移除事件的监听

 

语法:

element.addEventListener(event, function, useCapture);

第一个参数是事件的类型 (如 "click" 或 "mousedown").

第二个参数是事件触发后调用的函数。

第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。

事件冒泡或事件捕获:

冒泡 中,内部元素的事件会先被触发,然后再触发外部元素

捕获 中,外部元素的事件会先被触发,然后才会触发内部元素的事件

addEventListener(eventfunctionuseCapture);

如果默认值为false,即冒泡传递,如是true,事件使用捕获传递

 

标签:触发,元素,句柄,捕获,JavaScript,EventListener,HTML,冒泡,事件
From: https://www.cnblogs.com/MDRY/p/16723327.html

相关文章

  • JavaScript
    JavaScript的组成ECMAScript : 定义语言规范DOM: 操作文档的APIBOM: 操作浏览器的API......
  • JavaScript 对象
    1.创建对象对象以键值对的方式进行存储,是一组无序的相关属性和函数方法的集合,可以通过键(属性名)访问这些值。在JavaScript中所有东西都是对象。字面量创建varobj=......
  • JavaScript变量
    1.变量的使用 (1)声明变量      (2)输出变量 控制台打印输出结果 、2.案例练习(1)变量案例  输入代码 在控制台显示结果:  (2)变量案......
  • JavaScript HTML DOM 事件
    对事件做出反应:当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交HTML表单时当用户触发按键时用户点击改变内容:......
  • 我的第一个HTML网页
    大概的了解了HTML、CSS、JS是什么,有什么用。第一节课主要学习HTML的一些基础和入门,后面阶段在慢慢嵌入CSS的学习VSCodeVSCode,功能强大的编辑器 通过学习了解......
  • HTML实体
    HTML实体实体字符:HTMLEntity实体字符通常用于在页面中显示一些特殊符号&单词;&#数字;小于符号<大于符号>空格符号 版权符号@copy;&符号&......
  • JavaScript HTML DOM - 改变CSS
    改变HTML样式:语法:document.getElementById(id).style.property=新样式 使用事件:HTMLDOM允许通过触发事件来执行代码:比如:元素被点击。页面加载完成。输入框被修......
  • JavaScript HTML DOM
    DOM(文档对象模型)      文档        -文档表示的就是整个的html网页文档      对象        -对象表示将......
  • HTML
    1HTMl简介HTML是一个网页的主体部分,也是一个网页的基础。因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。HTML,......
  • HTML & CSS 设计原则
    设计原则DesignPrinciple响应式设计Responsive响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。响应式设计使得对笔记本和手机用户更加友好。分辨率......