如何实现像facebook这样的自动URL检测？ （不是如何实现url提取）

Question

我遇到了像facebook这样的问题。 在facebook中，当我们输入任何网址时，它会自动获取网址详细信息。它检查文本区域中的输入数据，后跟空格，然后获取该输入网址的详细信息。

实施例。我输入

www.google.com

在我的脸书状态更新文字区域，当我按下空格键时，它将采用输入的网址并查找其详细信息。

喜欢这个。

Gmail: Email from Google
https://accounts.google.com/ServiceLogin...

7+ GB of storage, less spam, and mobile access. Gmail is email that's intuitive, efficient, and useful. And maybe even fun.

我已经实现了url提取并从url获取了所有详细信息，但在我的实现中我有一个文本区域和一个提交按钮。当用户按下提交按钮时，它将获取输入网址的详细信息（如果可用）。

我想像facebook一样升级我的实现。 我把我的代码放在这里，我需要做些什么改变？请给我一些提示/指导。

我的代码::

<div>
<input type="text" name="url" size="64" id="url" />
<input type="submit" name="attach" value="Attach" id="attach" />
</div>

<div id="loader">
// Url content display div
</div>

脚本代码::

$(document).ready(function () {

    $('#url').keyup(function () {
        //alert("something is here!!");
        if (!isValidURL($('#url').val())) {
            //                alert('Please enter a valid url.');
            return false;
        }
        else {
            $('#load').show();
            var a = $('#url').val();
             // some code for extracting url//
             }
          }
    });

isValidURL（）来检测其网址是否正确。

我必须做哪些更改才能找到第一个输入的文本是否为url，如果是url，那么它只会更进一步。 （我如何在空格键前查看文字）？

提前致谢！

Answer 1

您可以ping输入的文本并检查答案。