如何使用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中編寫鏈接」這樣的事件:-)因此，您必須捕捉現有事件並自行處理。