账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    this的指代问题
    13
    0
    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    <style>
    .box{width:100px;height:100px;background:red; transition:1s width;}
    </style>
    </head>
    <body>
    <div class="box" id="box"></div>
    <script>
    var oBox=document.getElementById("box");
    oBox.onclick=function()
    {
        this.style.width=this.offsetWidth+100+"px";
    };
    window.addEnd(oBox,function(){
        console.log(this);//这里的this按照网上的说法,谁调用就是指谁;在addEnd(oBox,function(){})之前我写上window,说明是window调用了这个函数的,但function(){}中的this不是指的window,就搞不懂了,前来求证
        this.style.width=this.offsetWidth+100+"px";
    });
    function addEnd(obj,fn)
    {
        obj.addEventListener('WebkitTransitionEnd',fn,false);
        obj.addEventListener('transitionend',fn,false);
    }
    </script>
    </body>
    </html>
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 无妄ヘ 普通会员 1楼

      "this" 指代的是上文中的某一事物。如果你不清楚上文指代的是什么,可以尝试通过上下文来推断。例如,如果你在问一个场景,那么这个场景中的某一个人、地点、物品等就是"this"。如果你在问一个问题,那么这个问题中的某一个问题或回答就是"this"。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部