奇怪：CSS转换元素JS“点击进入”

Question

我前面有一个主要内容，一个绝对位于后面的菜单和一个切换按钮，用于滑入/滑出菜单（使用主要内容上的CSS转换）。

问题发生在较旧的（2.x）Android浏览器上（有时在其他地方）。当我单击切换按钮以关闭菜单时，单击事件将被“捕获”一段时间，而不是在相同位置重复，就像没有对内容应用任何转换一样。这会导致激活内容中的链接，这是不希望的。

Demo is here。使用较旧的Android默认浏览器查看问题。当您打开菜单（左上角的图标）然后通过单击相同的图标将其关闭时，页面将重新加载（就像您单击右上角的链接一样）。

Answer 1

我想，我的事件很严重。如果将来有人遇到同样的问题，请在绑定时触摸事件和点击事件时要小心。触摸事件在我的情况下首先被触发，然后发生转换，然后是点击，这导致“复制”事件。