Support for cross-browser add events. var btn = document.getElementById ("btn"); function Showmes () {alert ("Hello world!"); } var eventutil = {Addhander:function (element,type,hander) {//To determine whether it is a DOM2 level operation except IE if (Element.addeventlistener) {Element.addeventlistener (type,hander,false); } else if (element.attachevent) {element.attachevent ("on" +type,hander); }else{element["on" +type] = hander; }}, Removehander:function (Element,type,hander) {//To determine whether it is a DOM2 level operation except IE if (Element.removeeventlistener) {Element.removeeventlistener (type,hander,false); } else if (element.detachevent) {element.detachevent ("on" +type,hander); }else{element["on" +type] = null; }}, GETevent:function (event) {return event?event:window.event; }, Gettype:function (event) {return event.type; }, Getelement:function (event) {return event.target| | Event.srcelement; }, Preventdefault:function (event) {if (Event.preventdefault) {event.prevent Default (); } else{Event.returnvalue=false; }}, Stoppropagation:function (event) {if (event.stoppropagation) { Event.stoppropagation (); } else{event.canclebubble = true; } } }
Tools to consider browser compatibility time demo