IE事件处理程序及跨浏览器解决

来源：互联网发布：亚马逊产品数据分析编辑：程序博客网时间：2024/05/15 07:53
<div id="box">            <button type="button" id="btn">按钮</button>            <button type="button" id="btn2">按钮2</button>            <button type="button" id="btn3">按钮3</button>        </div>    <script>        var oBtn=document.getElementById('btn');        var oBtn2=document.getElementById('btn2');        var oBtn3=document.getElementById('btn3');        function showMsg(){            alert("hello world");        }        //DOM0级事件        oBtn2.onclick=showMsg;        //DOM2级事件        /*oBtn3.addEventListener('click',showMsg,false); //支持Mozilla系列        oBtn3.addEventListener('click',function(){            alert(this.innerHTML);        },false);*/        //删除事件        //oBtn3.removeEventListener('click',showMsg,false);         //oBtn3.attachEvent('onclick',showMsg); //不支持Mozilla系列        //跨浏览器事件处理程序        var eventUtil={            //添加句柄            addHandler:function(element,type,handler){                if(element.addEventListener){                    element.addEventListener(type,handler,false);                }else if(element.attachEvent){                    element.attachEvent('on'+type,handler);                }else{                    element['on'+type]=handler;                }            },            //删除句柄            removeHandler:function(element,type,handler){                if(element.removeEventListener){                    element.removeEventListener(type,handler,false);                }else if(element.dettachEvent){                    element.dettachEvent('on'+type,handler);                }else{                    element['on'+type]=null;                }            }        }        eventUtil.addHandler(oBtn3,'click',showMsg);     </script>
0 0