javascript - 谁能解释一下这个关键字的行为

Question

我对 this 关键字的行为有点困惑。单击按钮时，我试图调用一个函数。但据我所知，当我调用函数 点击一个元素时，这应该引用该元素 并且它应该在我们控制台时返回该元素。但在我的例子中，它返回 [object HTMLInputElement]。

代码:

var self=this,submitAns=$('#submitAns');
submitAns.on('click',self.verifyAns);

    verifyAns:function(e){
        console.log('from verifyAns : '+this);
         e.preventDefault();
    }

控制台的结果是[object HTMLInputElement]。

谁能解释为什么，我怎样才能得到这个元素。

Answer 1

this 确实是指元素。您可以使用 this 对该元素执行一些操作，例如 -

$(this).addClass('something');
$(this).html('something');
$(this).val('something'); // if it is a form element
console.log(this.id); // prints id of clicked element