HTML 标签中onclick事件中的this

HTML 标签中onclick事件中的this并非当前元素。而是window。需要获取当前的元素怎么办呢？以下开始讲解。

首先要标签这是这样的

<a href="#" onclick="on()">

<script>
function on(){
console.log(this);//
}
</script>

大家猜猜上方的this是<a>标签么？

–答案肯定不是的。

这里的this获取到的是window对象

如何才难通过元素的onclick事件绑定获取元素本身呢？

<a href="#" onclick="on(this)">

<script>
function on(obj){
console.log(obj);//
}
</script>

通过传递参数来获取。

原理

this关键字指定的永远是它的拥有者。onclick事件实际是window在操作，所以onclick的事件其实拥有者是window