弹出框显隐问题

Question

要求：点击弹出框外任意处，弹出框消失

我的代码：

$(document).click(function (e) {
    var _con = $('#register');
    var _login=$('#login');
    if (!_con.is(e.target) && _con.has(e.target).length === 0 || !_login.is(e.target) && _login.has(e.target).length === 0 ) {
        $('#register').hide()
        $('#login').hide()
    }
})

结果：要求可以实现，但是点击弹出框本身及其输入框都会消失。。。。。求解

Answer 1

$(document).click(function(e){
                   if(.currentTarge === e.target){//防止捕获 只有点击父级关闭视频预览控件
                       //关闭视频
                   };
            })

Answer 2

关键字是 e.stopPropagation
以后用到的地方多的很，需要深入了解一下的。。。