ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript中的target与currentTarget的区别

2021-05-10 22:32:54  阅读:25  来源: 互联网

标签:target color 代码 JavaScript currentTarget background event


关于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>

标签:target,color,代码,JavaScript,currentTarget,background,event
来源: https://www.cnblogs.com/letgofishing/p/14753149.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有