on绑定阻止冒泡失败
2015-06-12 18:29
239 查看
使用zepto库,有如下dom
View Code
这样点击span区域,控制台会打出:
'span'
ps:
移动网页中click较tap有延迟;
target与currentTarget的区别,如以上a的绑定事件代码中,如果点击span区域,此时e.target为span,而e.currentTarget为a。更专业的说明:
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
$('#J_parent').on('tap', 'a', function(e){ if(e.target.nodeName == 'SPAN'){ return; } console.log('a'); });
View Code
这样点击span区域,控制台会打出:
'span'
ps:
移动网页中click较tap有延迟;
target与currentTarget的区别,如以上a的绑定事件代码中,如果点击span区域,此时e.target为span,而e.currentTarget为a。更专业的说明:
target在事件流的目标阶段;currentTarget在事件流的捕获,目标及冒泡阶段。只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级)。
相关文章推荐
- 电脑和树莓派之间文件传输
- 英语单词学习笔记
- ubuntu12.04升级到14.04,apt-get install失败的问题解决
- SpannableString与SpannableStringBuilder
- 删除grub引导的linux双系统
- 设置DAG共享见证服务器“拒绝访问”报错解决方法
- FaceBook/infer-bin目录下的文件说明
- CocoaPods 执行pod install很慢 没反应
- android 自定义progressbar 样式
- 浅谈正则表达式-PHP为例
- quick-cocos2dx在xcode下如何添加额外的文件夹
- spring中集成TimerTask执行定时任务 中配置文件的配置
- [BigData]关于Hadoop学习笔记第三天(PPT总结)(一)
- 阅读《构建之法》第10、11、12章
- quick-cocos2dx的windows版如何显示标题栏下方的菜单栏
- wordpress文本编辑器百度UEditor中无法正常显示换行
- Doubles
- Doubles 分类: POJ 2015-06-12 18:24 11人阅读 评论(0) 收藏
- tar文件的安装 基础
- [LeetCode]Invert Binary Tree