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

Question

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

例如，我输入

www.google.com

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

像这样：

Gmail：来自 Google 的电子邮件
https://accounts.google.com/ServiceLogin...

7 GB 以上的存储空间、更少的垃圾邮件和移动访问。 Gmail 是一种直观、高效且实用的电子邮件。甚至可能很有趣。

我已经实现了 url 提取并从 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输入的文本并检查答案。