leftso 314 0 2019-05-10 13:19:12

文章位置:左搜> 编程技术> 正文

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