jquery实现鼠标点击div外面div自动隐藏

jquery实现鼠标点击div外面div自动隐藏,可在线预览编辑


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>BFW DEMO JS PAGE</title>
    <script id="bfwone" data="dep=jquery.17" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script>
        bready(function() {
            $(document).bind("click", function(e) {
                var target = $(e.target);
                if (target.closest(".pop").length == 0) {
                    $(".pop").hide();
                }
            })
        });
    </script>
    <style type="text/css">
        .pop {
            width: 200px;
            height: 130px;
            background: #080;
        }
    </style>
</head>
<body>



    <div class="pop"></div>

    点击空白的地方指定div 隐藏消失了
</body>
</body>
</html>


{{collectdata}}

网友评论0