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>