Question

我想将图像从iframe复制到div而不是像tex jsfiddle.net/purmou/xEtL9/

一样复制到textarea

<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有关。

在这里讨论：Adding click event handler to iframe

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

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

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

Answer 2

您尚未向IFrame提供ID，并且必须使用IFrame ID代替＆lt; IFrame＆gt;标签

检查以下代码

＆lt; iframe id =“iframe1”width =“100％”height =“400px”src =“http://www.w3schools.com/”/＆gt;

＆安培; $（“iframe1”）。attr（“src”，$（this）.attr（“src”））

快乐的编码!!!

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

2 个答案: