奇异:CSS转换元素JS "点击通过"

Strange: CSS transformated element JS "click through"

本文关键字：quot CSS 元素 JS 奇异转换更新时间：2023-09-26

我有一个主内容在前面，一个菜单绝对位于后面和一个切换按钮滑动菜单(使用CSS转换主内容)。

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

Demo在这里。使用旧的Android默认浏览器查看问题。当您打开菜单(左上角的图标)，然后通过单击相同的图标关闭它时，页面会重新加载(就好像您单击了右上角的链接)。

我想，我的事件绑定得很糟糕。为了防止将来有人会遇到同样的问题，在绑定触摸事件和单击事件时要小心。在我的例子中，触摸事件首先被触发，然后转换发生在点击之后，这导致了事件的"复制"。