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

onclick this 前端开发

版权所有 © 【代码谷】 欢迎非商用转载，转载请按下面格式注明出处，商业转载请联系授权，违者必究。（提示：点击下方内容复制出处）

源文：《HTML 标签中onclick事件中的this》，链接：https://www.daimagu.com/article/598.html，来源：【代码谷】