一般情况下 监听事件是对应于dom元素而言的,同时也需要声明所监听事件种类。
比如可以为一个按钮设置监听事件,点击之后自动调用相应函数处理。
同时可以在用函数处理时使用事件对象(event object)来获得关于触发这个事件的对象的信息。
语法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)