您的位置:首页 > Web前端 > JQuery

[转]JQuery控制div外点击隐藏,div内点击不会隐藏

2017-01-10 22:09 323 查看
一直弄清楚这个效果如何实现,看了这篇博客的几行代码原来如此简单,就是利用了事件冒泡而已。

比如有个div其id为body,实现在div外点击隐藏,div内点击不隐藏,采用jQuery实现如下:

$("#body").click(function(e) {
$(this).show();
e.stopPropagation();
});
$(document).click(function(event) {

$("#body").hide();
});


如果div内点击隐藏,可采用jQuery的触发事件

$(document).trigger("click");


转自:http://blog.csdn.net/fengshizty/article/details/42674707
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: