javascript - 在菜单外部单击时关闭菜单

Question

我正在使用 codrops ( 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);

您应该按照注释中的描述将其绑定(bind)在文档或窗口中，这是更好的方法.. =)

Live example.

希望有帮助。编码不错!