javascript - 检测移动源 iframe 内的点击

Question

我这里有个情况。

1. 我在一个源代码 Iframe( id=a-sourceful-one) 中，而不是在主页上
2. 我的代码在脚本中执行 ( id=this-is-my-executing-script)
3. 我必须跟踪另一个源 iframe 内的点击（id=track-clicks-within-this-frame-for-mobiles）
4. 我在移动模式

基本上，我处于移动模式并在一个源代码 Iframe 中。我想跟踪另一个源 Iframe 中的点击，我可以访问其 Iframe 元素。

有没有办法做到这一点？

Answer 1

我很确定除非您在同一个域中，否则您无法在 iframe DOM 中捕获事件。但是，如果将 iframe 包装在 div 中并将 CSS 属性设置pointer-events: none为 iframe 元素，则可以在单击实际 iframe 时捕获事件。

像这样的东西

<div id="wrapper">
   <iframe></iframe>
</div>

iframe {
   pointer-events: none;
}

$('.wrapper').on('click', function(e) {
     // do sth here
   });