Firefox浏览器下的dom也加上attachEvent方法

 

ttachEvent方法解释:

attachEvent有2个 参数 ,第一个参数是事件名,第二个参数是事件触发后所响应的方法.

attachEvent应用于所有的Dom对象上.比如:

<input type="button" id="test" value="test" οnclick="alert('hello')"/>

<script language="javascript">

function hello(){

alert("world!");

}

document.getElementByIdx("test").attachEvent("onclick",hello);

</script>

这样,当点击按钮时,会依次弹出,hello,world2个alert警告框.

但是,以上代码只在ie浏览器下有效果.

为了解决以上问题,必须对dom的方法进行扩展.

我们知道,javascript里面的所有东西都是 Object.包括利用document.getElementByIdx取得的dom对象.

那么如果要给dom对象添加attachEvent方法只需要对Object进行扩展就可以了.

代码如下:

Object.prototype.attachEvent=function(method,func)
{
 if(!this[method])
  this[method]=func;
 else
  this[method]=this[method].attach(func);
}

Function.prototype.attach=function(func){
 var f=this;
 return function(){
  f();
  func();
 }
}

将以上代码放在页面script包里就可以在ie,firefox以及其他浏览都可以使用attachEvent方法