jQuery實現點擊div外的區域，來隱藏指定節點

本文轉載自查看原文 2018-11-16 00:20 1042 Javascript

<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <script src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript">  
            $(document).bind('click', function(e) {  
                var e = e || window.event; //瀏覽器兼容性   
                var elem = e.target || e.srcElement;  
                while (elem) { //循環判斷至跟節點，防止點擊的是div子元素   
                    if (elem.id && (elem.id == 'test' || elem.id == 'test2')) {  
                        return;  
                    }  
                    elem = elem.parentNode;  
                }  
                $('#a').css('display', 'none'); //點擊的不是div或其子元素   
            });  
        </script>  
    </head>  
    
    <body>  
        <div id="a">
            <div id="test" style="width: 300px; height: 300px; background-color: palegreen;">

測試測試測試測試

</div>  
            <div id="test2" style="width:100px;height:100px;background:gold;">測試測試測試測試</div>
        </div>
    </body>  
  
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jQuery實現鼠標點擊Div區域外隱藏Div jquery實現除指定區域外點擊任何地方隱藏DIV js實現點擊div以外區域，隱藏div區域 js實現的點擊div區域外隱藏div區域 js實現的點擊div區域外隱藏div區域 jQuery實現鼠標點擊div外的地方div隱藏消失的效果 jquery點擊區域顯示或隱藏DIV,點擊非該DIV的地方隱藏該DIV jquery實現點擊控制div的顯示和隱藏原生JS實現點擊一個按鈕顯示一個div，再點擊按鈕div隱藏，或點擊除div外其它空白處div隱藏 jQuery點擊按鈕實現div的隱藏和顯示切換效果