Html 在单击外部或按下后退键时隐藏div？

我正在尝试响应性网页设计。因此，导航菜单在小屏幕上会折叠成下拉菜单。用户可以触摸按钮查看菜单。现在，只需按下按钮即可切换下拉列表的可见性。我想只需按下手机上的back键，或触摸手机外部即可将其隐藏。任何关于如何实现这一点的提示都会很有帮助。

移动浏览器中的“后退”按钮与桌面应用程序中的按钮类似：它不能直接编写脚本

如果您希望在单击某个元素的“外部”时执行操作，则必须嗅探单击事件上的光标位置，并自行确定单击发生的位置。或者，您可以收听所有单击事件并确定单击的标签。

尝试以下回答：