js权威指南_第17章：事件处理

补充：

事件传播

事件传播

 

事件绑定和取消

<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>