JavaScript中的target与currentTarget的区别

2022-07-13 10:29:36

关于JavaScript中target与currentTarget的区别，文件描述我觉得有点费劲，直接上代码，粘回去自己看效果，一目了然。

CSS 代码

.father{
    width: 200px;
    height: 200px;
    background-color: orange;
}
.son{
    width: 100px;
    height: 100px;
    background-color: orangered;
}
.one{
    background-color: white;
}
.two{
    background-color: black;
}

Javascript代码

function myFunction(event){ 
	event.target.classList.toggle("one")
	event.currentTarget.classList.toggle("two")
}

HTML 代码

<div class="father" onclick="myFunction(event)">
    <div class="son"></div>
</div>