Heim > Web-Frontend > js-Tutorial > 讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别_javascript技巧

讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别_javascript技巧

WBOY
Freigeben: 2016-05-16 19:15:00
Original
1039 Leute haben es durchsucht

第一件事情.
this 指钟是JavaScript语言中的一个特殊指钟,他在代码运行时,指向调用this语句的当前对象.
如果是事件绑定函数,则指向被绑定的元素本身.
<script> <BR>//by Go_Rush(阿舜) from http://ashun.cnblogs.com/ <BR>alert(this===window) //true 直 <BR>接调用的时候,指向window本身 <BR>var gorush={ <BR> f:function(){ <BR> alert(this===gorush) //true <BR> } <BR>} <BR>gorush.f() //指向 gorush对象 <BR>document.onclick=function(){ <BR> alert(this===document) //true ,指向 document <BR>} <BR>/* <BR>element.onclick=function(){ <BR> alert(this===element) //true <BR>} <BR>*/ <BR></script>
特别要值得注意的是,当多个对象嵌套的时候, this 是指向最近调用它的那个对象的
obj1={
    obj2:{
        f:function(){
            alert(this===obj1.obj2)  //这里 this 并不是指向 obj1的哦。
        }
    }
}
obj1.obj2.f()
再举一个非常容易出错的例子,  点这里看相关链接
<script> <BR>//by Go_Rush from http://ashun.cnblogs.com/ <BR>//以下gorush1中 this的用法是错误的,这个错误10个程序员6个犯 <BR>var gorush1={ <BR> showMsg:function(){alert("hello,world")}, <BR> doAjax:function(){ <BR> new Ajax.Request("index.php",{onSuccess:function(){ <BR> this.showMsg() <BR> }}) <BR> } <BR>} <BR>//gorush2中的才是对的 <BR>var gorush2={ <BR> showMsg:function(){alert("hello,world")}, <BR> doAjax:function(){ <BR> var self=this; //备份 gorush2对象 <BR> new Ajax.Request("index.php",{onSuccess:function(){ <BR> self.showMsg() <BR> }}) <BR> } <BR>} <BR></script>

第二件事情:
   闲话不多说,先上碟小菜.
<script> <BR>var btn=null <BR>window.onload=function(){ <BR> btn=document.getElementById("btn") <BR> if (window.attachEvent) btn.attachEvent("onclick",gorush); <BR> if (window.addEventListener) btn.addEventListener("click",gorush,false) <BR>} <BR>function gorush(){ <BR> if (this===window) alert("this==window") //ie6.0下,这句会执行 <BR> if (this===btn) alert("this==btn") //ff1.5下, 这句会执行 <BR>} <BR></script>

真不明白为什么 ie 会这样搞,让人很郁闷啊,为什么把 this 指向 window呢?
解决方法:
1. 事件绑定的时候不要用 attachEvent, 可怜的我,当时就是用的prototype.js的Event.Observe方法
这样 element.onclick=function.....  这样在两个浏览器中 this 指钟都指向 element
2. 在处理函数 gorush中 用 getEvent()方法统一获取事件,然后在用 evt.srcElement || evt.target 获取 element对象

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage