您的位置:首页 > 其它

on绑定阻止冒泡失败

2015-06-12 18:29 239 查看
使用zepto库,有如下dom

$('#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指向当前事件活动的对象(一般为父级)。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: