js控制点击div之外隐藏div

在做前端效果的时候经常会碰到一种情况就是需要点击某个输入框弹出一个选择框，点击选择框之外又要隐藏选择框，具体怎么实现呢，废话不多说，直接上代码。

首先需要注册一个全局的点击事件，内容是关闭选择框

$(document).one("click", function(e){
$(".chooseBox").remove();
});

但是如果这样做的画会点击选择框的时候也会关闭选择框，这不是我们想要的效果（当然如果你要的就是这个效果那这样就可以了），那怎么让点击选择框的时候不关闭它自己呢，如下：

$(".chooseBox").click(function(){
event.stopPropagation();
});

给选择框添加一个点击事件，方法里面是阻止事件传播，这样就是我们想要的效果啦。event.stopPropagation()方法如果有兴趣自己去研究。