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

$(".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();
}
    });