补充:
事件传播
事件传播
事件绑定和取消
<script>
// 应用外观模式封装一个统一的dom元素事件绑定、取消方法,用于兼容不同版本的浏览器和更方便的调用。
//绑定事件
function addHandler(element,event,handler){
if(element.addEventListener){
element.addEventListener(event,handler,false);
}else if(element.attachEvent){
element.attachEvent('on'+event,handler);
}else{
element['on'+event]=handler;
}
}
//取消事件
function delHandler(element,event,handler){
if(element.removeEventListener){
element.removeEventListener(event,handler,false);
}else if(element.detachEvent){
element.detachEvent('on'+event,handler);
}else{
element['on'+event]=null;
}
}
//测试
window.οnlοad=function(){
var elem_test1=document.getElementsByClassName('test1')[0];
var handler_test1=function(){alert("测试事件01")};
addHandler(elem_test1,'click',handler_test1);
setTimeout(function(){delHandler(elem_test1,'click',handler_test1)},3000);
}
</script>