jquery事件冒泡,阻止事件冒泡

jquery事件冒泡,阻止事件冒泡

项目案例分析

<a href="#" class="btns_photo_edit" id="editAvatar"> <em class="icon_user ic_edit_a"> </em>修改</a>

<div class="pop_UpPhotoBox" id="avatarPop" style="display:none;">
    <em></em>
    <div>
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
</div>

jquery文件

<script>
     /**
     * 点击隐藏修改文件的弹框
     */
    var e = e || window.event; 
    function stopPropagation(e) {
        if (e.stopPropagation)
            e.stopPropagation();
        else
            e.cancelBubble = true;
    }
    $(document).bind('click', function (e) {
        $('#avatarPop').css('display', 'none');
        stopPropagation(e);
    });

    $('#editAvatar').bind('click', function (e) {
        stopPropagation(e);
    });

    $('#avatarPop').click(function (e) {
        stopPropagation(e);
    });
</script>