Js 阻止事件冒泡

作者: jaclon 分类: JS, Uncategorized 发布时间: 2013-10-16 16:09 ė 6没有评论

Dom节点中,事件是会向上传递的;有些时候我们要求阻止事件的这种传递(事件冒泡);下面拿一个案例来看看实际应用场景

list

需求:点击复选框和行都可以选中复选框

$('tr').click(function(e){
    var chkbox = $(this).find('input[type="checkbox"]').eq(0);
    chkbox.attr('checked', !chkbox.is(':checked'));
});
$('input[type="checkbox"]').click(function(e){
    //e.preventDefault();阻止事件的默认行为
    e.stopPropagation();//阻止事件冒泡
});

如果没有使用jQuery框架,那么要阻止事件冒泡必须做兼容处理,可以这样写

if(e.stopPropagation) {
    e.stopPropagation();
} else {
    e.cancelBubble = true;
}

本文出自 肥蕉博客@IT技术,热门话题,生活随笔,美图欣赏,转载时请注明出处及相应链接。

本文永久链接: http://www.bananawolf.com/html/2013/10/958.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*

Ɣ回顶部