轻触父文档火悬停状态的事件中的iframe在移动Safari浏览器。 这是一个错误? 有没有解

2019-10-18 22:50发布

在文档上添加touchstart事件侦听器似乎创建子iframe的意外行为。 看来,悬停状态对孩子的iframe的内容项触发当您尝试滚动。 我有安装一个例子,在这里展示这一点:

要查看“错误”,在Safari移动测试这个URL(不知道,如果同样的问题也适用于其他浏览器)

http://fiddle.jshell.net/tChLS/2/show/light/

当您将在列表视图,悬停状态偶尔引发了个别列表项(改变背景颜色)

这里的另一种版本具有完全相同的设置,但没有touchstart事件侦听器和行为与预期

http://fiddle.jshell.net/tChLS/3/show/light/

我需要在父文件多touchstart听众,我不希望删除的iframe文档中的悬停状态。 有没有人有这个问题的解决方法?

文章来源: Touch events on parent document fire hover states in iframe in mobile safari. Is this a bug? Is there a workaround?