js实现点击div外部隐藏弹出框

    body{
        background-color:#999999;
    }
    #myDiv{
        background-color:#FFFFFF;
        width:250px;
        height:250px;
        display:none;
    }

    <input id="btn" type="button" value="切换显示DIV" />
    <div id="myDiv">
    This is a div;
    </div>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    var myDiv = $("#myDiv");
    $(function (){
        $("#btn").click(function (e) {
            e.stopPropagation();//阻止事件向上冒泡
            myDiv.stop().fadeToggle();
            $(document).one("click", function () {//对document绑定一个影藏Div方法
                myDiv.stop().hide();
            });
            myDiv.click(function (e) {
                e.stopPropagation();
            });
        });
    });
---------------------
作者：zh_rey
来源：CSDN
原文：https://blog.csdn.net/zh_rey/article/details/78496417
版权声明：本文为博主原创文章，转载请附上博文链接！