16.target和currenTarget的区别？

target:就是事件源
currentTarget:当前事件源（当前触发到哪个事件元素，那么这个事件元素就是事件源）,跟this一样。

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>作业5</title>
<style type="text/css">
#grandpaBox{width:300px;height:300px;background-color:pink;
}
#fatherBox{width:200px;height:200px;background-color:orange;
}
#meBox{width:100px;height:100px;background-color:blue;
}
</style>
</head>
<body><div id="grandpaBox">我是爷爷<div id="fatherBox">我是父亲<div id="meBox">我是div</div>       </div></div>
</body>
</html><script type="text/javascript">
function $(id){return document.getElementById(id);
}//target:就是事件源
//currentTarget:当前事件源（当前触发到哪个事件元素，那么这个事件元素就是事件源）,跟this一样。$("meBox").addEventListener("click",function(event){var evt = event || window.event; console.log("我被点了,"+"target:"+evt.target.id+",currentTarget:"+evt.currentTarget.id);console.log("this="+this.id);
},true);$("fatherBox").addEventListener("click",function(event){var evt = event || window.event;console.log("爸爸被点了,"+"target:"+evt.target.id+",currentTarget:"+evt.currentTarget.id);console.log("this="+this.id);
},true);$("grandpaBox").addEventListener("click",function(event){var evt = event || window.event;console.log("爷爷被点了,"+"target:"+evt.target.id+",currentTarget:"+evt.currentTarget.id);console.log("this="+this.id);
},true);</script>

16.target和currenTarget的区别？相关推荐

冒泡与捕获，target与currenTarget的区别
这个涉及到了冒泡与捕获,冒泡和捕获: ----在页面中点击一个元素,事件是从这个元素的祖先元素中逐层传递下来的,这个阶段为事件的捕获阶段. ----当事件传递到这个元素之后,又会把事件逐成传递回去,直 ...
js中的target与currentTarget的区别转
关于js中target与currentTarget的区别的关键在于他们所处在的事件流的阶段是不一样的,target处于事件流的目标阶段,currentTarget处理事件流的捕获.处于目标阶段和冒泡阶 ...
51、PIC、AVR、16、32-BIT系列单片机区别与特点
8031/8051/8751是Intel公司早期的产品. 1.8031的特点 8031片内不带程序存储器ROM,使用时用户需外接程序存储器和一片逻辑电路373,外接的程序存储器多为EPROM的2764 ...
innerText和innerHTML区别 target和this的区别
innerText和innerHTML区别 target和this的区别 1 innerText和innerHTML区别 innerText 和 innerHTML 是 JavaScript 中常用的 ...
8位16位32位单片机区别
8位16位32位区别 8位单片机的数据总线宽度为8位,通常直接只能处理8位数据: 16位单片机的数据总线宽度为16位,通常可直接处理8位或16位数据. 8位数据类型所占大小 16位数据类型所占大小 s ...
PS中的颜色模式，8位、16位、32位区别、以及背景内容的区别
颜色模式 RGB模式:又称"真彩色模式",是电脑美工设计人员最熟悉的色彩模式.RGB模式是将红(Red).绿(Green).蓝(Blue)3种基本颜色进行颜色加法(加色法),配置出 ...
数据通信--ASCII码通信16进制通信的区别
16进制通信一般用于网络传输等的通信上,传输效率高.数据量大是二进制通信. ASCII码通信一般用与串口通信等通信上,数据量小.易于处理.便于调试,它虽然是文本模式,但本质仍然是二进制通信. 在使用串 ...
target与currentTarget的区别？
比如说现在有A和B,A.addChild(B)A监听鼠标点击事件那么当点击B时,target是B,currentTarget是A也就是说,currentTarget始终是监听事件者,而target是事 ...
JAVA基础(16) Servlet/Filter/Listener/Interceptor区别与联系
一.概念: 1.servlet:servlet是一种运行服务器端的java应用程序,具有独立于平台和协议的特性,并且可以动态的生成web页面,它工作在客户端请求与服务器响应的中间层.最早支持 Serv ...

16.target和currenTarget的区别？

16.target和currenTarget的区别？相关推荐

最新文章

热门文章