Java教程

JavaScript中的target与currentTarget的区别

本文主要是介绍JavaScript中的target与currentTarget的区别,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

关于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>
这篇关于JavaScript中的target与currentTarget的区别的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!