iPhone safari上奇怪的点击事件气泡，它在冒泡到document.body之前停止

Question

我将一个点击事件绑定为document.body.onclick=function（）{alert（“aaa”）}；

无论我点击什么元素，它在Android或IOS上的chrome上都很好。但在iPhone safari上，除了a和img元素外，它不会在单击元素时触发。

但在绑定touchstart事件时，它可能会冒泡到身体。

最后，我必须添加到div（#main）来包含我的所有元素，然后在这个div上绑定委托对象。

document.querySelector（“#main”）.onclick=function（）{alert（“aaa”）}

所以我想知道为什么onclick事件在它冒泡到身体之前就停止了。

Answer 1

我知道这是相当古老的，但当我遇到同样的问题时，我还是设法把它挖了出来。

简而言之，iOS Safari中的鼠标事件不会出现在document.body中，除非iOS Safari认为事件目标是可单击的元素。

Clickable元素是以下元素之一：

>

事件的目标元素是链接或表单字段。

目标元素，或其任何祖先，直到但不包括

目标元素或其任何祖先（包括文档）都有一个游标：指针CSS声明。

（这里引用，我的重点。）

可能的修复措施包括：

• 将游标：指针添加到任何不符合描述的元素。
• 向目标添加一个no-op事件处理程序。
• 在document.body下面处理点击。