實時檢測文本框中的內容？

Question

我有一個文本框，我需要一個腳本來檢測用戶何時使用空格作爲分隔符鍵入鏈接。我知道如何檢測與正則表達式的鏈接，但我不知道如何有效地檢查鏈接（想想Facebook的狀態更新;鍵入鏈接，命中空間，它看起來連接起來）。有人有主意嗎？

謝謝。

Answer 1

如果您正在使用jQuery它做過這樣的：

 

$('#someElement').keyUp(function(event){ 
    if(event.keyCode == 32){ 
     //Regex goes here 
    } 

}) 

Answer 2

這聽起來很簡單：

$('#myTextBox').keyup(function() 
{ 
    var links = $(this).val().split(' '); 

    $(links).each(function() 
    { 
     // If Regex(this) matches link pattern, look up link 
    }); 
}); 

Answer 3

當用戶點擊空格鍵，搶文本框的內容，使用正則表達式搜索鏈接，並與周圍的標籤的鏈接...

document.getElementById('myTextArea').onkeyup(function() { 
    if(event.keycode == 49) { //This is the keycode for spacebar 
     var text = document.getElementById('myTextArea').innerText; 
     //Perform regex on 'text' 
     } 
});