上下文：
我有一个容器元素，它的宽度和高度都是iPad Mobile Safari窗口的100%，在这个容器元素中，我有一块YouTube IFRAME来嵌入视频（100%宽度和高度）。
问题是我还有一个锚定在页面右上角的关闭按钮。关闭按钮的Z索引比iframe高，并且有一个点击侦听器来提醒“foo”（iOS6上没有可用的console.log，没有web调试）。
在按下IFRAME中的“播放”按钮之前，点击关闭按钮时会调用该按钮的回调。按下IFRAME中的播放按钮后，不会调用关闭按钮回调，而是在IFRAME内切换视频控件。
Nexus 7上的Google Chrome不存在此问题，只有iPad上的Mobile Safari存在此问题。
链接：http://patie.org/8030167
http://jsfiddle.net/amyMM/
document.querySelector（“.close”）.addEventListener（“click”，函数（e）{警报（“foo”）e.预防违约（）e.停止传播（）返回false})
更多信息：
在窗口中为touchstart、touchmove和touchend添加侦听器后，所有这些事件都无法在页面上的任何位置触发，直到视频播放完毕，之后事件只在关闭按钮上触发。
