事件是指被用户或者浏览器执行的某种行为,这些事件被命名为click、load、mouseover等。为响应一个事件而被调用的函数
称为事件处理程序(DOM中叫做事件监听)。
1.传统事件处理程序指派方法
在js中指定事件处理程序,需要先引用被处理的对象,然后将函数指派给相关事件处理程序。
var div = document.getElementById("divId");
div.onclick=function(){ //将div的onclick事件指派给函数
alert("执行内容")
}
//事件处理程序必须全部小写;在绑定事件处理程序到事件属性时,只能引用函数名,不能加(),有()就是执行函数。
2.现代事件处理程序指派方法
IE浏览器:语法 [对象].attachEvent("事件处理程序名称",函数名);//绑定
[对象].detaEvent("事件处理程序名称",函数名); //解除
DOM浏览器:语法:[对象].addEventListener("事件名称",函数名,bCapture);//绑定
[对象].removeEventListener("事件名称",函数名,bCapture);//解除
捕获第三个参数就设为true,冒泡第三个参数就设为false
3.兼容性问题的解决
var div = document.getElementById("div")
if(document.addEventListener){
div.addEventListener("click",fnclick,true)}; //DOM
else if(document.attachEvent){
div.attachEvent("onclick",fuclick)}; //IE