点击弹出层外的部分弹出层消失的几种写法

$(".dropdown-text,.dropdown-content-blue").click(function (e) {

        $(".dropdown-text").removeClass("active");

        $(".dropdown-text").addClass("active");

        $(".dropdown-content-blue").show();

        e.stopPropagation();//阻止冒泡

    });

//写法一

    $(document).click(function (e) {

        $(".dropdown-text").removeClass("active");

        $(".dropdown-content-blue").hide();

        e.stopPropagation();

    });
//写法二
$(document).click(function (e) {
if(!$(e.target).hasClass("dropdown-content-blue")){
$(".dropdown-text").removeClass("active");

        $(".dropdown-content-blue").hide();
}

    });
//写法三
$(document).click(function (e) {
if(!$(e.target).closest(".dropdown-content-blue").length){
$(".dropdown-text").removeClass("active");

        $(".dropdown-content-blue").hide();
}

    });