文档章节

js中event的target和currentTarget的区别

文文1
 文文1
发布于 2015/03/19 16:32
字数 139
阅读 13
收藏 0

target:触发事件的元素。

currentTarget:事件绑定的元素。

两者在没有冒泡的情况下,是一样的值,但在用了事件委托的情况下,就不一样了,例如:

<ul id="ulT">
                <li class="item1">fsda</li>
                <li class="item2">ewre</li>
                <li class="item3">qewe</li>
                <li class="item4">xvc</li>
                <li class="item5">134</li>
     </ul>  <script type="text/javascript">
        document.getElementById("ulT").onclick = function  (event) {
            console.log(event.target);
            console.log(event.currentTarget);
        }    </script>

如果点击li,console上的情况如下:

<li class="item5">------target

<ul id="ulT">---------currentTarget

© 著作权归作者所有

文文1
粉丝 25
博文 454
码字总数 143313
作品 0
长沙
程序员
私信 提问
JS和JQ的event对象对比和应用

currentTarget 事件冒泡阶段所在的DOM target, originalTarget原始的DOM 代码测试: 结果分析: 总结: js的event参数中,不管是, , 都是指向第一个触发事件的元素(还没冒泡),而在click事...

前端届的科比
2014/08/11
1K
0
vue.js之获取当前点击对象

vue.js之获取当前点击对象(其实是套着vue的原生javascript吧,笑?) 转载请注明出处:http://www.cnblogs.com/meng1314-shuai/p/7455575.html 熟悉jquery的小伙伴应该都知道jquery获取当前点击...

恍惚的二狗
2018/06/06
0
0
javascript 事件代理,原理和问题

有如下 html 片段 要对 li 添加 click 事件。通常做法: 事件代理的做法 我们来对比一下两段注册点击事件的代码。第一段代码很常规,直接找到相关元素然后一一绑定。第二段代码看起来简洁一点...

flashback
09/29
0
0
JavaScript实用手册

js的拖拽 在拖拽时容易使操作变成选择文本,这时应该添加这段: js的event对象 先看文章的代码: currentTarget:事件冒泡阶段所在的DOM。在捕获事件时,这个currentTarget就为监听事件的那个D...

前端届的科比
2015/09/03
74
0
jQuery源码解析之你并不真的懂事件委托及target和currenttarget的区别

前言: 请先回顾下我之前写的一篇文章:JavaScript之事件委托 一、事件委托(委派) 含义: 在上绑定事件,但是让触发事件,相当于在 #B 上假绑定了 click 事件 也就是说:#B 委托了 click ...

进击的小进进
06/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CQRS与AXON

CQRS 看了蛮多文章,只会CRUD,却不懂CQRS,CQRS是遵循DDD思想而产生的一种模式,Command and Query Responsibility Segregation 命令与查询隔离。查询就直接通过正常的模式service调dao层。...

无极之岚
34分钟前
4
0
OSChina 周三乱弹 —— 欢迎你来做产品经理

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @巴拉迪维 :10多次劲歌金曲获奖,更多叱咤歌坛排名,黎明才应该是四大天王之首,只可惜拍的电影太少。单曲循环一个多月的歌,力荐 《无名份的...

小小编辑
49分钟前
99
7
500行代码,教你用python写个微信飞机大战

这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。 帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!...

上海小胖
今天
8
0
关于AsyncTask的onPostExcute方法是否会在Activity重建过程中调用的问题

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/XG1057415595/article/details/86774575 假设下面一种情况...

shzwork
今天
7
0
object 类中有哪些方法?

getClass(): 获取运行时类的对象 equals():判断其他对象是否与此对象相等 hashcode():返回该对象的哈希码值 toString():返回该对象的字符串表示 clone(): 创建并返此对象的一个副本 wait...

happywe
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部