事件处理程序的添加和删除

85 阅读1分钟

一、事件处理程序 ====》添加

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》函数,添加和删除必须是同一个函数,才有效