jquery - 如何将图像从 iframe 复制到 textarea？

Question

我想将图像从 iframe 复制到 div ot 到 textarea 像这样jsfiddle.net/purmou/xEtL9/

<textarea rows="10" cols="40" id="content">
</textarea>

<div id="fake">
    <iframe width="100%" height="400px" src="http://www.w3schools.com/"></iframe>
</div>

和

     $(function(){
            $("#fake iframe").click(function(){
                var update = $("<div>").append(
                    $("<iframe>").attr("src", $(this).attr("src"))
                ).html();

                $("#content").val(function( i, v ) {
                    return v + update;
                });
            });
        });

但是对于 iframe 它不起作用..有什么建议吗？

Answer 1

这与 iframe 不直接支持 onclick 有关。

此处讨论：将点击事件处理程序添加到 iframe

基本上它说您需要通过 iframe 的文档对象的侦听器订阅事件：

您可以使用闭包来传递参数：

iframe.document.addEventListener('click', function(event) {clic(this.id);}, false)

Answer 2

您没有为 IFrame 提供 id 并且必须使用 IFrame id 而不是 <IFrame> 标记。

检查下面的代码

<iframe id="iframe1" width="100%" height="400px" src="http://www.w3schools.com/"/>

& $("iframe1").attr("src", $(this).attr("src"))

快乐编码！！！