addEventListener()
接受以下3个参数:
1)事件类型:字符串,表示事件绑定,但“ on
“前缀。 例如,“ click
“,” mousedown
“等。
2)侦听器对象或函数触发事件触发时。 实际输入的参数应该是一个参考的功能或对象(即:“ dothis
“而不是” dothis()
3)将useCapture:布尔值,表示是否绑定事件,因为它是向目标节点(事件捕捉),或作为事件气泡向上的目标(事件气泡)propogating。 设置为true或false。
使用DOM绑定事件的优点是,你可以分配多个功能相同的事件(即: window.onload
)一个节点,而无需运行到事件处理程序冲突。
示例(S):
函数statusreport(){
警报(“文件已加载”)
}
如果(window.addEventListener)
window.addEventListener(“负荷”,statusreport,假)/ /调用函数
在window.onload = statusreport()/ /函数再次调用,因为没有事件处理程序冲突
由于监听器必须是一个函数引用,一个常见的问题是如何指定的侦听器,使其可以接收自己的参数。 该解决方案是在一个匿名函数的引用,只是包监听:
功能dothis(){
警报(“妈妈说,这样做”+)
}
如果(window.addEventListener)
window.addEventListener(“负荷”, 函数(){dothis('功课')},FALSE)/ /调用函数
click
mousemove
addEventListner()
事件,如“ click
“或”的mousemove
“,填充事件对象的额外信息,如鼠标是当时,默默地听者传递这个对象。 要接受它,在匿名函数定义了一个单一的参数:
功能getcoord(EVT){
警报(“你在坐标点击[”+ evt.clientX +“,”+ evt.clientY +“]”)
}
(document.addEventListener)
document.addEventListener(“点击”功能(EVT){getcoord(EVT)},FALSE)/ /调用函数