问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

target,currentTarget和this三者的区别

发布网友 发布时间:2022-04-27 06:22

我来回答

1个回答

热心网友 时间:2022-04-22 23:01

<div id="outer" style="background:#099">
click outer
<p id="inner" style="background:#9C0">click inner</p>
<br>
</div>
<script type="text/javascript">
function G(id){
return document.getElementById(id);
}
function addEvent(obj, ev, handler){
if(window.attachEvent){
obj.attachEvent("on" + ev, handler);
}else if(window.addEventListener){
obj.addEventListener(ev, handler, false);
}
}
function test(e){
alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName);
}
var outer = G("outer");
var inner = G("inner");
//addEvent(inner, "click", test);
addEvent(outer, "click", test);
</script>
解析:
当点击inner对象的时候,先触发inner绑定的事件,再触发outer绑定的事件,(因为outer是在事件冒泡阶段绑定的,如果outer是在捕获阶段绑定的,就会先触发out的事件程序,即便inner事件也绑定在捕获阶段。因为捕获流从根部元素开始)。
事件流:捕获(自顶而下)——目标阶段——冒泡(自下而顶)
在事件处理程序内部,对象this始终等于currentTarget的值(换个角度理解,DOM上的方法this指向都为该DOM-方法调用模式),而target则只包含事件的实际目标。如果直接将事件处理程序指定给了目标元素,则this、currentTarget和target包含相同的值。
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
天一共卖出136张电影票,上午卖出去86张,下午卖出多少张。 17届华杯赛小学高年级组的初赛的这道题怎么做? 美特斯工业系统(中国)有限公司MTS公司发展史 mts公司是什么单位 华夏八大古姓是哪八个 ...耳鸣 单眼瞳孔上移 平常手机看得多 会不会是脑瘤 ...了首付给儿子和儿媳买了一套房子,房照上面写的是儿子和儿媳的... GBA最终幻想战略卡住 最终幻想战略版 大bug (狮子战争?就是GBA上的) GBA版最终幻想战略版的BUG问题,很急的 html中target是什么意思 海尔+BCD-481WGHTDD9D9U1+是嵌入式吗 海尔481wghtdd9d9u1京东和淘宝差价为什么这么大 在Java中target是什么意思? 什么是Target target to 与target at有什么区别,分别在什么情况下使用 target和currentTarget的区别 target英语翻译是什么? 梦见好多的蜂蜜,然后被群蜂蛰大黄蜂蛰完了又出现了小蜜蜂,求大师解梦! 梦见花园里的花有许多蜜蜂,上面还有一些蜂蜜? 周公解梦梦见在岩石上的许多板块蜂蜜 惠州市诚智达科技有限公司怎么样? 北京诚志达电子科技有限公司怎么样? 怎样在网上查询本人住房公积金卡上的余额 – 怎样使大脸变小? 网上怎样查询住房公积金余额 我今年16脸大还能变小吗 如何知道男生脸大是否瘦下来后变小 小时候脸很大,长大脸会变小吗? 身材很瘦,但是脸却很大,有什么瘦脸的小方法? 海尔BCD-475WGHTD79N1U1耗电 东芝GR-RF678WE-PM137冰箱对比海尔BCD-655WGHTD9DG9U1这款哪个好? 怎样取消空间发表的说说变成个性签名? 海尔BCD-656WGHTDV9N9U1上市时间 海尔BCD一515wGHTD19NZu1是用什么杀菌的 海尔461wghtd14b2u1是单循环还是 海尔506wghtd14s3u1上市时间 BCD-505WGHTD14B5U1是双循环还是单循环 如何通俗易懂的解释「刚兑」? 理财产品都去刚兑了,投资人还能愉快的玩吗 银行理财去刚兑后投资方向怎么区分 取消刚兑 还能买理财吗 银行理财取消刚兑,投资人该注意什么 梦见院子可脏自己扫 下午三点做梦,梦自己把院子打扫的特干净,有一颗枣树,自己吃了好多枣是... 梦见院子里很脏自己扫啥意思 梦见自己在家的院子南边扫地? 如何办理电信业务? 最近老有人问魔兽世界到底是吃CPU还是显卡 玩魔兽世界卡顿是显卡问题还是运存?