上下文:
我有一个容器元素,它是iPad Mobile Safari窗口宽度和高度的100%,其中我有一个YouTube IFRAME来嵌入视频(100%宽度和高度)。
问题是我还有一个关闭按钮固定在页面的右上角。关闭按钮的Z索引比iframe高,并且有一个点击监听器提醒“foo”(iOS6上没有可用的console.log而没有网络调试)。
在按下IFRAME中的“播放”按钮之前,点击关闭按钮的回叫。按下IFRAME中的播放按钮后,永远不会调用关闭按钮回调,而是在IFRAME中切换视频控件。
此问题在Nexus 7上的Google Chrome上不存在,只有iPad上的Mobile Safari。
document.querySelector(".close").addEventListener("click", function(e) {
alert("foo")
e.preventDefault()
e.stopPropagation()
return false
})
更多信息:
在touchstart,touchmove和touchend的窗口上添加侦听器后,所有这些事件都无法在页面上的任何位置触发,直到视频播放完毕,之后事件仅在关闭按钮上触发。