js中的浏览器兼容问题

1、window.event
（1）问题：只能在IE下运行，在FF下不能，是因为Firefox的event只能在事件发生的现场使用。
（2）解决：
a.可以这样解决

       <input id="btn1" type="button" />       window.onload = function(){            var btn1 = document.getElementById('btn1');            btn1.onmouseover=function(ev){                var myEvent=ev||window.event;                alert(myEvent.clientX);                alert(myEvent.clientY);            }        }

b.或者可以通过给函数的参数传递event对象。

 <input type="button" onmousemove="showDiv(event);"//event不需要加引号 function showDiv(ev) { var myEvent=ev||window.event; myEvent.clientX; myEvent.clientY; }

2、添加事件：attachEvent和addEventListener
（1）问题：
FF使用addEventListener :[target.addEventListener(type, listener, useCapture); ][obj.addEventListener(“click”, myFunction);]

IE8及更早的版本使用attachEvent:[attachEvent(“onclick”, myFunction)]
（2）解决：

if (document.attachEvent) document.attachEvent("click", clickHandler,false);else document.addEventListener("onclick",clickHandler);

封装函数：

function addHandler(element,type,handler) {       //DOM 2级处理 chrome ff        if (element.addEventListener) {          element.addEventListener(type,handler,false);        }        //IE事件处理        else if (element.attachEvent) {          element.attachEvent('on'+type,handler);        }        //DOM 0级处理 更低级的浏览器        else{          element['on'+type]=handler;        } }

3、