addEventListener事件监听方式

eventTarget.addEventListener(type,listener[,useCapture])

eventTarget.addEventListener()方法将指定的监听器注册到eventTarget（目标对象）上，当该对象触发指定的事件时，就会执行事件处理函数。

该方法接收三个参数：

type：事件类型字符串，比如click、mouseover，注意不用带on。
listener：事件处理函数，事件发生时，会调用该监听函数。
useCapture：可选参数，是一个布尔值，默认是false。当值为true时，是捕获阶段，顺序为document -> html -> body -> 父级元素 ->子级元素。当值为false时，是冒泡阶段，顺序和true相反，子级元素 -> 父级元素 -> body ->html -> document。开发中一般使用冒泡，少使用捕获。

<body><button>监听注册</button><script>var btn=document.querySelector('button')// 同一个元素同一个事件可添加多个监听器（事件处理程序）// 传统方式具有唯一性，同一个元素同一个事件只能设置一个处理函数// 如果有多个，后面注册的处理函数会覆盖前面注册的处理函数btn.addEventListener('click',function(){alert('1');})btn.addEventListener('click',function(){alert('2');})</script>
</body>

一些事件没有冒泡，比如onblur、onfocus、onmouseover、onmouseleave。

addEventListener事件监听方式相关推荐

addEventListener 事件监听方式
语法规范: evenTarget.addEventListener(type,listener[,useCapture]) eventTarget.addEventListener()方法将指定的监听 ...
jQuery中的四种事件监听方式
jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前,先来声明一个例子 ...
addEventListener事件监听传递参数
Flash as3 addEventListener事件监听传递参数 var sayHello:String = "how are you"; btn1.addEventListe ...
JavaScript 的addEventListener() 事件监听详解！
JavaScript 的addEventListener() 事件监听详解! addEventListener() 用于向指定元素添加事件. 可以向一个元素添加多次事件或者多次不同事件,后面的事件是 ...
EventTarget.addEventListener()事件监听
文章目录 EventTarget.addEventListener()的意义和原理什么是事件监听 addEventListener()的原理 addEventListener()的语法 addEve ...
Event事件-1:addEventListener事件监听 / 事件冒泡事件捕获 / 事件委托 / preventDefault 阻止默认行为 / cancelBubble、stopPropa...
addEventListener 事件监听器 target.addEventListener(type, listener[, options|useCapture]) 添加事件监听参数: ...
addEventListener 事件监听
1,事件委托不给子节点 li 设置事件监听器,而直接给父节点 ul 设置,利用冒泡原理影响每个子节点 <body><ul><li>知否知否,点我应有弹窗在手< ...
addEventListener()事件监听
addEventListener()方法将事件处理程序附加到指定的元素. addEventListener()方法将事件处理程序附加到元素,而不覆盖现有的事件处理程序. 您可以向一个元素添加许多事件处 ...
JavaScript addEventListener()事件监听方法
addEventListener()方法将事件处理程序附加到指定的元素. 您可以使用removeEventListener()方法轻松删除事件侦听器. 语法:element.addEventListe ...

addEventListener事件监听方式

addEventListener事件监听方式相关推荐

最新文章

热门文章