2015-05-03 210 views
2

我正在使用来自codrops(http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/)的幻灯片和推菜单,它工作正常,但我希望菜单在菜单外单击后关闭。您可以在网站上找到Html,CSS和Javascript。关闭菜单,当点击它之外

我读了很多类似的stackoverflow线程,但无法使其工作。

如果有人能够帮助我,这将是太棒了!

+2

一种方法是将一个点击事件监听器添加到'document'中,并检查'event.target'是否是菜单,如果不是,则关闭菜单。 – Xufox

回答

2

由于@Xufox在问题中评论过。像这样的方法:

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

您应该作为一种更好的方式在注释中描述..文档或窗口本绑定=)

Live example.

希望它能帮助。好的编码!

+0

感谢您的答复,但我不能因为某些原因使其工作。如果你能提供一个网站代码的例子,那将是非常好的 – wamp