回答

收藏

如何检测元素外的点击?

技术问答 技术问答 277 人阅读 | 0 人回复 | 2023-09-12

我有一些 HTML 菜单,当用户单击这些菜单的头部时,我会完全显示这些菜单。当用户单击菜单区域时,我想隐藏这些元素。
9 U$ ?+ w; I  H) \jQuery能做到这样的事吗?
$ j& U3 Q5 N- a, u
    $("#menuscontainer").clickOutsideThisElement(function(){     / / Hide the menus});
    9 n: [" B7 X% w- X, d: S1 ?" W
               % C" q' ?/ A) I/ p) r. O6 n" M
    解决方案:                                                               
9 K, f* l" _9 F, n: t/ t" \4 A                                                                注意:使用stopPropagation应避免,因为它会破坏 DOM 正常事件流。有关更多信息,请参阅本文 CSS 技能文章。
* `/ \: r- L: P7 q6 ?, K0 y7 F
将单击事件附加到关闭窗口的文档文本中。将单击事件附加到容器中,以停止传输到文档文本中。
& a- J8 c0 _  E[code]$(window).click(function() {  ////Hide the menus if visible});$('#menucontainer').click(function(event){  event.stopPropagation();code]
分享到:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则