我正在使用来自codrops(http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/)的幻灯片和推菜单,它工作正常,但我希望菜单在菜单外单击后关闭。您可以在网站上找到Html,CSS和Javascript。关闭菜单,当点击它之外
我读了很多类似的stackoverflow线程,但无法使其工作。
如果有人能够帮助我,这将是太棒了!
我正在使用来自codrops(http://tympanus.net/codrops/2013/04/17/slide-and-push-menus/)的幻灯片和推菜单,它工作正常,但我希望菜单在菜单外单击后关闭。您可以在网站上找到Html,CSS和Javascript。关闭菜单,当点击它之外
我读了很多类似的stackoverflow线程,但无法使其工作。
如果有人能够帮助我,这将是太棒了!
由于@Xufox在问题中评论过。像这样的方法:
function closemenu(e) {
example = document.getElementById('example');
if (e.target !== example) {
example.style.display = 'none';
}
};
document.addEventListener('click', closemenu);
您应该作为一种更好的方式在注释中描述..文档或窗口本绑定=)
希望它能帮助。好的编码!
感谢您的答复,但我不能因为某些原因使其工作。如果你能提供一个网站代码的例子,那将是非常好的 – wamp
一种方法是将一个点击事件监听器添加到'document'中,并检查'event.target'是否是菜单,如果不是,则关闭菜单。 – Xufox