-1

iFrameを使用して、URLがテキストボックスで指定されているページを読み込みます。これが私のコードです：

<iframe id="import_url_iframe">

</iframe>

jQueryのchangeイベントを使用して、テキストボックスのURLの変更を取得します。

    $("#wiki_form_url").change(function(){

        var value = $(this).val();
        $("#import_url_iframe").attr("src", value);

    });

テキストボックスでURLを指定した後、外側をクリックすると、これは正常に機能します。ただし、これを作成する必要があるため、テキストボックスにURLを書き込むと、iFrameにページが表示されます（外側をクリックする必要はありません）。どうすればそれを達成できますか？

4

1 に答える 1

2

キーダウンイベントを使用します。遅延がある場合は、遅延後にロードされるようにします（つまり、ユーザーがX秒間入力しなかった場合）。それで：

var timeout = null;
$("#wiki_form_url").on('keydown', function(){
    timeout = setTimeout(function(){
        // load URL here
    }, 1000);
});

また、@ JCOC611の提案も実装し、ここからコードを取得して、このコードも追加します。

$("#wiki_form_url").on('keydown', function (e){
    if(e.keyCode == 13){
        timeout = null;
        // Load URL here
    }
})'

さらに進んで、テキストボックスがフォーカスを失ったときのハンドラーを追加することができます

$("#wiki_form_url").on('focusout', function (){
    timeout = null;
    // Load URL here
})'
于 2013-03-19T01:50:11.033 に答える