Question

我有一个文本框，我需要一个脚本来检测用户何时使用空格作为分隔符来键入链接。我知道如何检测与正则表达式的链接，但我不知道如何有效地检查链接（想想Facebook的状态更新;键入链接，命中空间，它看起来链接）。有人有什么想法吗？

感谢。

Answer 1

当用户点击空格键时，抓取文本框的内容，使用正则表达式搜索链接并用标记环绕链接...

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'
        }
});

Answer 2

如果您正在使用jQuery，请按以下步骤完成：


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

})

Answer 3

听起来很简单：

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

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

实时检测文本框中的内容？

3 个答案: