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

Posted 2020-06-13

方法一：

$("#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);
　　}
});