首先可以给 document
对象绑定 click
事件。
然后由于事件冒泡机制,你单击文档的任意地方(包括绿色区域)都会触发 click 事件。
先在事件里写上隐藏绿色区域的代码
$(document).on('click',function(e){
$('#aaa').hide();
});
然后,再给绿色区域绑定click
事件,这时候阻止事件冒泡,这样一来,点击绿色区域的话,是不会隐藏掉自己的。
$('#aaa').on('click',function(e){
e.stopPropagation();
});