PROMULGATOR

    飞翔♂の风

    浙江省杭州市
    Html
    Css
    Js

    
                        


                        

                            


div {
	width:200px;
	height:200px;
	background:blue;
	margin:0 atuo;
}


                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
点击目标外的空白处关闭目标

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
移动端经常需要做一些下拉或弹窗类的东西，但是关闭下拉菜单或弹窗就得用到点击其他处可以关闭，其实原理很简单但是对于我这种初学者来说写出来的东西可能会出现小问题，百度一顿后决定自己写，百度真的有时不靠谱

                         

                     

                   
                


                
5



  
    
      
    
    

     

            
    
              
    
              
      
                
       一个人的旅途0
      
                
       2017/5/31 15:28:57
      
                
      
              
    
              
      
                
      你这个就是点击document就会消失，也不是bug，是没写全，根本就是瞎写。
      
                
                        
        
                          
        
                              
        
                               
          
                                   
           飞翔♂の风0
          
                                   
           2017/6/1 8:58:29
          
                                   
          
  						        
        
                               
          
                                  
          呵呵
          
                                
        
                           
        
                        
      
                    
                回复
                
      
                
      
              
    
            
    



  
                   
         
         

            
    
              
    
              
      
                
       飞翔♂の风0
      
                
       2017/5/25 14:33:18
      
                
      
              
    
              
      
                
      说明一下，如果用上面那个js点击本身是会消失的，适用于下拉菜单类，如果菜单内用的超链接的话那么你就得加个定时器延迟一下本身的消失，因为a标签默认的是点击事件有一定的延迟，在跳转之前你的菜单就消失了，跳转会失败，如果移动端用a标签作为下拉菜单的话很容易出现问题，因为下拉有时会覆盖页面的内容，会造成事件击穿，我解决的办法就是a标签去掉换成别的标签用js控制页面跳转，那样定时器也不用加了，大概就是这样！
      
                
                回复
                
      
                
      
              
    
            
    



  
                   
         
         

            
    
              
    
              
      
                
       李丹60
      
                
       2017/5/25 11:32:40
      
                
      
              
    
              
      
                
      你这有bug呀 点击蓝色区域同样会消失
      
                
                        
        
                          
        
                              
        
                               
          
                                   
           飞翔♂の风0
          
                                   
           2017/5/25 14:19:11
          
                                   
          
  						        
        
                               
          
                                  
          如果不想让他消失用下边那个，针对的情况不同用不同的代码，下拉就需要点蓝色部分本身也消失！
          
                                
        
                           
        
                        
      
                    
                回复