Javascript中, event 的 target 与 currentTarget 的区别
2016-01-14 15:00
711 查看
target在事件流的目标阶段;currentTarget在事件流的捕获
,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
上面的示例中,当在outer上点击时,e.target与e.currentTarget是一样的,都是div;当在inner上点击时,e.target是p,而e.currentTarget则是div。
本文转自:萤火开发网
作者:月高不知归
test.zip (482 Bytes)
下载次数: 1
,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function test(e){ alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName); } </script> </head> <body> <div id="outer" style="background:#099" onclick="test(event)"> click outer <p id="inner" style="background:#9C0">click inner</p> <br> </div> </body> </html>
上面的示例中,当在outer上点击时,e.target与e.currentTarget是一样的,都是div;当在inner上点击时,e.target是p,而e.currentTarget则是div。
本文转自:萤火开发网
作者:月高不知归
test.zip (482 Bytes)
下载次数: 1
相关文章推荐
- 在JSP页面中显示动态时间
- Javascript中, setTimeout() 和 setInterval() 的方法
- JSP页面实现自动跳转
- Backbone.js 的最佳应用场景有哪些?
- JavaScript 中 的等号(==)/不等号(!=) 和全等号(===)/非全等号(!==) 的用法
- JavaScript学习笔记
- Javascript闭包
- JavaScript设计模式 --- 方法的链式调用
- js常见问题之为什么点击弹出的i总是最后一个
- IPv6的正则表达式【JAVASCRIPT】
- 详解JavaScript中的构造器Constructor模式
- 使用GSON和泛型解析约定格式的JSON串
- 把JSONCPP编译成静态库.lib形式
- JavaScript prototype 使用介绍
- 关于DJANGO和JAVASCRIPT的时间
- javascript运算符
- Ext学习系列(8)-- Ext.data.JsonReader
- javascript(JS) 中的alert出来的消息怎么进行国际化
- jsp中的basePath和path (绝对路径 相对路径)
- js引入img标签和图片