Javascript 为什么onclick不在工具提示窗口中为HTML启动按钮？

下面的HTML+JavaScript有什么问题？

onclick

中的

alert（）

显然从未在工具提示窗口中调用按钮

我已经在几种浏览器上试过了，比如Firefox33.1。在工具提示的上下文之外（即通过从示例中删除

class=“tooltip”

），它可以正常工作。工具提示仅依赖于CSS，其方式如下所述

.细胞{
位置：相对位置；
}
.工具提示{
位置：绝对位置；
左：10px；
顶部：10px；
背景颜色：灰色；
z指数：100；
宽度：200px；
}
.cell:活动。工具提示{可见性：隐藏！重要；}
.cell:hover.tooltip{visibility:visible；}
.tooltip{可见性：隐藏；}
细胞
钥匙
价值
编辑

此示例在IE8浏览器中运行良好

---

用于FF浏览器和chrome 请评论这种风格

.cell:active .tooltip { visibility:hidden !important; }

---

单击按钮后，

悬停

类将丢失，按钮将消失。如果要使用鼠标盖而不是单击，则可以：

          <button type="button" onMouseOver="alert('TEST');">EDIT</button>

编辑

---

fiddle:

警报不会因为应用了一些css而不起作用。必须有其他javascript阻止它。@MarcB本例中唯一的javascript是

onclick

属性中的

alert（'TEST'）

。是的，对不起。缺少其中的onclick属性。@MarcB没问题。谢谢你的时间。哦，这不是一个常见的答案，你应该把它贴在评论上。+1如果我点击工具提示中的其他任何地方，

hover

类显然仍然存在。相关标准中是否解释了这种差异？另外，您知道检测按钮点击的另一种方法吗（可能是因为

onmouseover

确实有效）？您可以通过javascript设置可见性并处理显示/隐藏：我只是使用jQuery快速回答，当然，你可以用vanilla javascriptI解决这个问题。我明白了：放弃CSS工具提示可能是一种选择。

          <button type="button" onMouseOver="alert('TEST');">EDIT</button>