第一件事情. this 指钟是JavaScript语言中的一个特殊指钟,他在代码运行时,指向调用this语句的当前对象. 如果是事件绑定函数,则指向被绑定的元素本身. <script type="text/javascript"> //by Go_Rush(阿舜) from
//以下gorush1中 this的用法是错误的,这个错误10个程序员6个犯 var gorush1={ showMsg:function(){alert("hello,world")}, doAjax:function(){ new Ajax.Request("index.php",{onSuccess:function(){ this.showMsg() }}) } } //gorush2中的才是对的 var gorush2={ showMsg:function(){alert("hello,world")}, doAjax:function(){ var self=this; //备份 gorush2对象 new Ajax.Request("index.php",{onSuccess:function(){ self.showMsg() }}) } } 《script》
第二件事情: 闲话不多说,先上碟小菜. <script type="text/javascript"> var btn=null window.onload=function(){ btn=document.getElementById("btn") if (window.attachEvent) btn.attachEvent("onclick",gorush); if (window.addEventListener) btn.addEventListener("click",gorush,false) } function gorush(){ if (this===window) alert("this==window") //ie6.0下，这句会执行 if (this===btn) alert("this==btn") //ff1.5下, 这句会执行 } 《script》
真不明白为什么 ie 会这样搞,让人很郁闷啊,为什么把 this 指向 window呢? 解决方法: 1. 事件绑定的时候不要用 attachEvent, 可怜的我,当时就是用的prototype.js的Event.Observe方法 这样 element.onclick=function..... 这样在两个浏览器中 this 指钟都指向 element 2. 在处理函数 gorush中 用 getEvent()方法统一获取事件,然后在用 evt.srcElement || evt.target 获取 element对象
