javascript - 如何实现像facebook一样的自动url检测？ (不是如何实现url提取)

Question

我遇到了检测 Facebook 等 url 的问题。在 Facebook 中，当我们输入任何 url 时，它会自动获取 url 详细信息。它检查文本区域中的输入数据，后跟空格，然后获取该键入的 url 的详细信息。

例如，我输入

www.google.com

在我的 Facebook 状态更新文本区域中，当我按空格键时，它将获取输入网址并查找其详细信息。

像这样:

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 提取，并像 Facebook 一样从 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，如果是 url，那么它才会进一步。 (如何检查空格键之前的文本)？

Answer 1

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