jq自定義下拉菜單，當用戶點擊非自身元素（下拉菜單）自己時關閉下拉菜單

jq自定義下拉菜單，當用戶點擊非自身元素（下拉菜單）自己時關閉下拉菜單

截圖：

代碼以下：

    //關閉用戶菜單
    $(document).mousedown(function(e){
        var _con = $('.drop_down');
        //1. 點擊事件的對象不是目標元素自己
        //2. 事件對象同時也不是目標元素的子元素
        if(!_con.is(e.target) && _con.has(e.target).length===0){
            $('.drop_down').css('display','none');
        }
    });