——DOM0级事件早期的事件:直接在dom对象上注册事件名称.
—事件的绑定:
var btn = document.getElementById("test");
btn.onclick=function(){alert('1');}
btn.onclick=function(){alert('2');}
结果只弹出2
这种方式给同一节点多次绑定相同的事件时,后一个会覆盖前一个。无法给innerHTML动态创建的节点的加事件。
—事件取消:再绑定一次把值设成空
btn.onclick=null;
——DOM2级事件
—事件的绑定:
语法:元素.addEventListener('事件名称','事件回调','Boolean');
参数:第一个参数事件类型要去掉on,最后一个参数为true捕获阶段执行,为false冒泡阶段执行。
btn.addEventListener('click',fn,false)//冒泡阶段执行
btn.addEventListener('click',fn1,true)//捕获阶段执行
这种方式可以给一个节点多次绑定相同的事件,并且每一个事件都执行。可以给动态创建的元素加事件。
—移除
元素.removeEventListener('事件名称',回调函数名,'boolean');
注意:
1、这里的事件名称、函数名、执行阶段缺一不可,
2、回调函数要存在命名空间里
3、只能移除同一阶段的绑定函数
网友评论