javascript - 如何通过点击触发 "onMouseOut"

Question

所以这是一个非常简单的问题，但研究它，我只能找到更复杂情况的答案。这是我的:

我在母版页上有一张图片，当您将鼠标悬停在它上面时，它下方会显示一个面板(主要使用 css)并且该面板中有链接。因为母版页相同，所以单击这些链接会正确合并下面的新内容页面，但面板保持可见，直到您将鼠标移出面板，因此它覆盖了一些内容。

我想要的是该链接的 onClick 事件也触发 onMouseOut 以便在单击该链接时面板再次隐藏自身，直到图像再次悬停。我有相当多的 JavaScript 经验，但似乎应该有一种更简单的方法来做到这一点......比如添加到 li 或 anchor 标记 onClick:onMouseOut ()，但我很难弄清楚如何实际编写它...想法？

Answer 1

您是否尝试过在单击时切换类，并使用该类删除悬停时显示面板的功能？因此，例如，在单击时添加类“隐藏”。然后:

.panel.hide {
    display: none;
}