頁面設置彈窗,點擊其他區域,彈窗關閉
阿新 • • 發佈:2018-10-29
button ont class 2.0 pan 關閉 == htm ins
頁面設置彈窗,點擊其他區域,彈窗關閉(案列)
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>test</title> <script src="plugins/jquery-2.0.0.min.js"></script> <script> $(function(){ $(‘#btn‘).click(function(){ $(‘#box‘).css(‘display‘,‘block‘); }); $(document).on(‘mousedown‘,function(e){ if(!$(e.target).is($(‘#btn‘)) && !$(e.target).is($(‘#box‘)) && $(e.target).parent(‘#box‘).length === 0){ $(‘#box‘).css(‘display‘,‘none‘); } }); });</script> </head> <body> <button id="btn">顯示</button> <div style="display:none; width:200px; height:200px; " id="box"> <div>內層的文字</div> </div> </body> </html>
頁面設置彈窗,點擊其他區域,彈窗關閉