Закрыть меню при нажатии на него вне

Question

Я использую слайд и нажимаю меню из штриховок (http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/), и он отлично работает, но я хочу, чтобы меню закрывалось после щелчка за пределами меню. Вы можете найти Html, css и Javascript на сайте.

Я прочитал много похожих потоков stackoverflow, но не могу заставить его работать.

Было бы здорово, если бы кто-то мог мне помочь!

Answer 1

Как @Xufox перед тем в вопросе. Подход, как это:

function closemenu(e) { 
    example = document.getElementById('example'); 
    if (e.target !== example) { 
     example.style.display = 'none'; 
    } 
}; 
document.addEventListener('click', closemenu); 

Вы должны связать это в документе или окне, как описан в комментариях, как лучший способ .. =)

Live example.

Надеется, что это помогает. Хорошая кодировка!