首先可以給 document
對象綁定 click
事件。
然后由于事件冒泡機(jī)制,你單擊文檔的任意地方(包括綠色區(qū)域)都會觸發(fā) click 事件靡狞。
先在事件里寫上隱藏綠色區(qū)域的代碼
$(document).on('click',function(e){
$('#aaa').hide();
});
然后褪那,再給綠色區(qū)域綁定click
事件,這時(shí)候阻止事件冒泡疚俱,這樣一來劝术,點(diǎn)擊綠色區(qū)域的話,是不會隱藏掉自己的呆奕。
$('#aaa').on('click',function(e){
e.stopPropagation();
});