当用户单击页面正文的其他位置时隐藏 nabber [关闭]

Posted

技术标签:

【中文标题】当用户单击页面正文的其他位置时隐藏 nabber [关闭]【英文标题】:Hide nabber when user clicks elsewhere on the page body [closed] 【发布时间】:2019-07-24 15:59:55 【问题描述】:

当用户单击页面(正文)上除导航栏元素之外的任何其他位置时,我将如何隐藏此导航栏?谢谢

【问题讨论】:

请阅读MCVE 并制作tour。 【参考方案1】:

“blur”事件是您最有可能寻找的。实现将根据您想要使用它的方式进行更改,但您可以这样做,以便当有人单击您的任务栏的关闭时,它会隐藏,就像您说的那样。这是一些伪代码:

$("taskBar").blur(function()
  $("taskBar).hide();
);

Here 也是一个很好的例子!

【讨论】:

以上是关于当用户单击页面正文的其他位置时隐藏 nabber [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

单击文档正文时隐藏 iPad 键盘

如果单击 DOM 中的任何位置,则隐藏 div

如何在元素外部的任何位置隐藏单击事件上的元素?

隐藏角度组件的其他副本?

如何设置html元素填充颜色与正文颜色相同

单击触摸设备 (iPad/iPhone) 上的任意位置以隐藏由 .hover() 切换的下拉菜单