一、事件处理程序 ====》添加
1》html事件处理程序
语法:把事件添加到节点身上
缺点:HTML和js耦合(HTML和JS都要改)
2》DOM 0级事件处理程序
语法:box.onclick=function(){}
缺点:同样的元素,同样的事件,后面的会覆盖前面
3》DOM 2级事件处理程序
语法:box.addEventListener(事件名称, 函数, false || true);
参数1:不需要加on ====》clcik
参数3:false代表冒泡、true代表捕获
缺点:在IE8或者IE8以下不兼容
4》IE事件处理程序
语法:box.attachEvent(事件名称,函数);
参数1》需要加on
缺点:在其他浏览器和IE8以上不兼容
5》跨浏览器事件处理程序(做兼容)
DOM0事件处理程序
DOM2事件处理程序
IE事件处理程序
二、事件处理程序 ====》删除
1》DOM 0级事件处理程序删除
语法:DOM对象.事件名称=null;
2》DOM 2级事件处理程序删除
语法:DOM对象.removeEventListener(事件名称,函数,false||true);
参数1》事件名称不需要加入on
参数2》函数,添加和删除必须是同一个函数,才有效
参数3》false ====》冒泡 true ====》捕获
3》IE事件处理程序删除
语法:DOM对象detachEvent
参数1》事件名称需要加入on
参数2》函数,添加和删除必须是同一个函数,才有效