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

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