javascript - 在 mousedown 处理程序中更改可见性属性时，不会在 Safari 或 Firefox 中触发单击处理程序

Question

我在 <div> 上注册了一个点击处理程序和一个鼠标按下处理程序包含其他 <div>秒。默认情况下内部 <div>设置为 visibility: hidden .在mousedown处理程序 visibility设置为 visible .

问题是在 Safari 和 Firefox 中，单击处理程序不会在您第一次单击外部时触发 <div> .在 Chrome 中，点击处理程序会触发。

我做了一个简化的测试用例:https://jsbin.com/hequku/edit?html,css,js,output

有趣的是，如果不是操纵 visibility你操纵的属性 opacity属性，跨浏览器的差异消失了。

我想弄清楚的是:

• 这是否会因浏览器而异？如果不是，符合规范的行为是什么？
• 在 click 中，我是否遗漏了一些关于应该做什么和不应该做什么的信息？和 mousedown处理程序？

Answer 1

“可见性:隐藏”适用于“尚未或不再”相关的内容。所以我猜浏览器不会为不相关的内容触发点击事件。尝试改用“显示:无”。