首页 > 代码库 > 阻止事件冒泡

阻止事件冒泡

<div id="content">    外层div元素    <span>内层span元素</span>    外层div元素</div><div id="msg"></div>
$(function(){       // 为span元素绑定click事件    $(‘span‘).bind("click",function(event){        var txt = $(‘#msg‘).html() + "<p>内层span元素被点击.<p/>";        $(‘#msg‘).html(txt);        event.stopPropagation();    //  阻止事件冒泡    });    // 为div元素绑定click事件    $(‘#content‘).bind("click",function(event){        var txt = $(‘#msg‘).html() + "<p>外层div元素被点击.<p/>";        $(‘#msg‘).html(txt);        event.stopPropagation();    //  阻止事件冒泡    });    // 为body元素绑定click事件    $("body").bind("click",function(){        var txt = $(‘#msg‘).html() + "<p>body元素被点击.<p/>";        $(‘#msg‘).html(txt);    });})

 

阻止事件冒泡