JS如何实现点击页面其他地方隐藏菜单？

时间：2016-02-15 12:17:23 阅读：221 评论：0 收藏：0 [点我收藏+]

标签：

方法一：

$("#a").on("click", function(e){

　　 $("#menu").show();

　　 $(document).one("click", function(){

　　　　 $("#menu").hide();

　　 });

　　 e.stopPropagation();

});

$("#menu").on("click", function(e){

　　 e.stopPropagation();

});

方法二：

$("body").bind("click",function(){
　　var evt = event.srcElement ? event.srcElement : event.target;
　　if(evt.id == ‘opt‘){ //必须用ID class不管用
　　　　$(".option-con").slideDown(300);
　　}else{
　　　　$(".option-con").slideUp(300);
　　}
});