JS HTML DOM EventListener

Posted zhuyan-dailycheck

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS HTML DOM EventListener相关的知识,希望对你有一定的参考价值。

1、格式

element.addEcentListener(arg1,arg2,arg3);

三个参数分别是:event、function、useCapture

(1)event:事件名称,注意不加“on”。例如单机事件 ”onclick“ 要写成 “click”。

(2)function:直接写函数名称,不加括号。例如:myfunction 而不是 myfunction()。

(2)useCapture:布尔类型,描述事件是 “冒泡” 还是 “捕获”

冒泡与捕获是事件传递的两种方式。主要是用来针对嵌套元素的事件出发顺序。

冒泡:内部元素事件会先被触发。

捕获:外部元素事件会先被触发。

useCapture默认值为false——冒泡排序true——捕获排序

以上是关于JS HTML DOM EventListener的主要内容,如果未能解决你的问题,请参考以下文章

DOM EventListener

DOM EventListener | 事件冒泡和事件捕获

如何在单击反应js中的js的eventlistener之类的按钮之前显示输出?

eventListener 在刷新 JS 之前多次触发

尝试将 EventListener 添加到动态创建的对象

如何为 JavaScript 生成的所有 div 放置一个 EventListener