1

如何检测（在文本区域或其他输入中）用户是否已完成输入 url，就像 Facebook 在其主要形式中所做的那样？

像这样的解决方案仅在用户完成输入并执行操作（例如单击按钮）时才有效。

我希望在整个条目中检测 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 回答