js为元素添加监听事件

JavaScript012

js为元素添加监听事件,第1张

语法

element.addEventListener(event, function, useCapture)

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

第二个参数是当事件发生时我们需要调用的函数。

第三个参数是布尔值,指定使用事件冒泡还是事件捕获。此参数是可选的。

注意:请勿对事件使用 "on" 前缀;请使用 "click" 代替 "onclick"。

addEventListener可以对一个dom添加多个监听器,并且会顺序执行。

开发中,会遇到多个js文件都使用window.onload,然而只有最后一个绑定的生效,如下:

window.onload = func1()

window.onload = func2()

这时可以用addEventListener来解决:

window.addEventListener('load', func1)

window.addEventListener('load', func2)

js的监听事件就是相当于注册一个监听器,随时检测对应事件有没有发生,如果发生了自动调用定义好的函数来处理。

一般情况下 监听事件是对应于dom元素而言的,同时也需要声明所监听事件种类。

比如可以为一个按钮设置监听事件,点击之后自动调用相应函数处理。

同时可以在用函数处理时使用事件对象(event object)来获得关于触发这个事件的对象的信息。