今天是做李维斯项目的最后一天了,今天打算做完登录注册后做一些细节的东西,再做一下他们没有完成的地方。
想要把登录注册弹出的模块点击其他地方隐藏掉,以前查过这个功能的实现功能,联系到了阻止事件冒泡等等,不知为何不了了之也没有实现过,今天又百度了一下。
查到这么一串代码
<script>
document.onclick = function(e) {
$("div").hide();
}
$('button').on("click", function(e) {
if($("#div").css("display") == "none") {
$("#div").show();
} else {
$("#div").hide();
}
e = e || event;
stopFunc(e);
});
$('#div').on("click", function(e) {
e = e || event;
stopFunc(e);
});
function stopFunc(e) {
e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
}
</script>
copy了一下就实现了,我先去做完,回来再研究具体原理
8-30补充
$('.modal').click(function () {
$('.modal').hide()
$('.modal-backdrop').hide()
})
$(".binding-box").click(function (event) {
event.stopPropagation();
});