1

Facebookがメインフォームで行うように、ユーザーがURLの入力を終了したかどうかを(テキストエリアまたは他の入力で)検出する方法を教えてください。

このようなソリューションは機能しますが、ユーザーが入力を終了し、ボタンをクリックするなどのアクションを実行した場合にのみ機能します。

エントリ全体で URL を検出したいと考えています。たとえば、各スペースの後に入力された単語をチェックします。

前もって感謝します。

4

3 に答える 3

8

これを行う方法の例を次に示します。

$(function() {
    "use strict";
    var url = /[-a-zA-Z0-9@:%_\+.~#?&//=]{2,256}\.[a-z]{2,4}\b(\/[-a-zA-Z0-9@:%_\+.~#?&//=]*)?/gi;

    $("#textarea").on("keyup", function( e ) {
        var urls, output = "";
        if ( e.keyCode !== 8 && e.keyCode !== 9 && e.keyCode !== 13 && e.keyCode !== 32 && e.keyCode !== 46 ) {
            // Return is backspace, tab, enter, space or delete was not pressed.
            return;
        }

        while ((urls = url.exec(this.value)) !== null) {
            output += urls[0] + ", ";
        }
        console.log("URLS: " + output.substring(0, output.length - 2));
    });
});

もちろん、.blur()適切に機能させるためには、他のイベントをバインドする必要があります。

次のフィドルを試して、入力時にコンソールを確認してください: http://jsfiddle.net/sQVe/mXQrc/1/

于 2012-08-23T14:49:49.137 に答える
7

これを見てください: https://github.com/stephan-fischer/jQuery-LiveUrl/ - きれいでシンプルで、URL のプレビューを提供します!

ここに画像の説明を入力

于 2012-12-11T11:10:31.283 に答える
0

探しているのはkeypressイベントです。ドキュメントとその使用方法の例は、http://api.jquery.com/keypress/で確認できます。

于 2012-08-23T14:02:21.847 に答える