javascript - 如何将事件绑定(bind)到 iframe 中的元素？

Question

我想制作一个工具，允许处理从 iframe 页面选取的数据。与此类似的东西:

http://jsfiddle.net/jr6uG/4/

我在事件上停止了(悬停、单击等)。按我的方法可以吗？有更好的办法吗？

我需要这样的东西:

$('iframe body *').bind('click', function(event){
    console.log('clicked', this);
});

Answer 1

iframe 运行单独的 DOM，这意味着原始文档和 iframe 文档中的 DOM 对象之间没有互操作性。

您必须通过网络执行此操作。有点像 JSFiddle 从生成的 iframe 中捕获控制台日志到您正在查看的文档中的控制台。

要处理从 iframe 页面选取的数据(正如您打算做的那样)，您需要通过定制代理来引导您尝试处理的任何页面，您可以在其中注入(inject)自己的脚本，例如例如，单击元素时创建警报。