//點(diǎn)擊“顯示菜單”按鈕時(shí)，顯示菜單，并阻止事件冒泡

document.querySelector('.showBtn').addEventListener('click', function(e){
    document.querySelector('.menu').classList.add('show');
    e.stopPropagation();//關(guān)鍵在于阻止冒泡
}, false);

//點(diǎn)擊“菜單”內(nèi)部時(shí)，阻止事件冒泡。(這樣點(diǎn)擊內(nèi)部時(shí)，菜單不會(huì)關(guān)閉)

document.querySelector('.menu').addEventListener('click', function(e){
    e.stopPropagation();
}, false);

//監(jiān)聽(tīng)整個(gè)document的點(diǎn)擊事件，如果能收到事件(說(shuō)明點(diǎn)擊源既不是“顯示菜單”按鈕，也不來(lái)自菜單內(nèi)部)，就可以放心關(guān)閉菜單了

document.addEventListener('click', function(){
    document.querySelector('.menu').classList.remove('show');
}, false);