如何使用JavaScript回调函数在文本区域中检测URL？

Question

如何使用JavaScript在textarea中检测URL？使用Facebook，您可以添加一个网址，并在完成粘贴/输入后检测地址。如何才能做到这一点？我在回调函数等方面做了很多研究，但是想知道如何检测实际的url？

Answer 1

如果您使用的是jQuery，最简单的方法是使用$ .change（）。

假设你有一个表单域：

<input id="myField" type="text"/> 

现在，您可以扎一个改变事件给它，并在同一时间看看它是一个有效的URL：

$('#myField').keyup(function() { 
    if(isUrl($(this).val()){ 
     //Show the url in an alert box 
     alert($(this).val()); 
    }else{ 
     //do something if its not a url 
    } 
}); 

然后你会有一个函数检查url并返回一个布尔值。请注意，我把这个从here

function isUrl(s) { 
    var regexp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ 
    return regexp.test(s); 
} 

免责声明：我没有测试过任何的JavaScript的，但是这应该给你的，你怎么能做到这一点是一个好主意。

Answer 2

只要处理onkeyup或类似事件，然后搜索与正则表达式匹配的textarea的值。没有特殊的回调来捕捉像“用户在textarea中编写链接”这样的事件:-)因此，您必须捕捉现有事件并自行处理。