2

このjsfiddle.net/purmou/xEtL9/のように、iframeからdiv otから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の場合は機能していません..何か提案はありますか??

4

2 に答える 2

0

IFrame に ID を指定していないため、<IFrame> タグの代わりに IFrame ID を使用する必要があります。

以下のコードを確認してください

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

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

ハッピーコーディング!!!

于 2012-05-22T15:19:06.897 に答える
0

これは、iframe が onclick を直接サポートしていないことに関係しています。

ここで議論:クリック イベント ハンドラーを iframe に追加する

基本的には、iframe のドキュメント オブジェクトへのリスナーを介してイベントをサブスクライブする必要があることを示しています。

クロージャーを使用してパラメーターを渡すことができます。

iframe.document.addEventListener('click', function(event) {clic(this.id);}, false)
于 2012-05-22T11:05:01.483 に答える