我有一些HTML菜单,当用户点击这些菜单的头部时,我会完全显示这些菜单.我想在用户点击菜单区域外时隐藏这些元素.
jQuery是否可以实现类似的功能?
$("#menuscontainer").clickOutsideThisElement(function() {
// Hide the menus
});
我有一些HTML菜单,当用户点击这些菜单的头部时,我会完全显示这些菜单.我想在用户点击菜单区域外时隐藏这些元素.
jQuery是否可以实现类似的功能?
$("#menuscontainer").clickOutsideThisElement(function() {
// Hide the menus
});
注意:应该避免使用
stopPropagation
,因为它会 destruct DOM中的正常事件流.更多信息请参见this CSS Tricks article.考虑使用this method代替.
将单击事件附加到关闭窗口的文档正文.将单独的单击事件附加到容器,该容器将停止向文档正文的传播.
$(window).click(function() {
//Hide the menus if visible
});
$('#menucontainer').click(function(event){
event.stopPropagation();
});