在jQuery中，如何在用户输入时检测指定的字符串？

Question

就像在Facebook上输入评论时，您击中@username时一样，它会对此做出反应，让您选择内联用户名。

使用jQuery，我们将如何为[text：1]连接一个事件侦听器。我想要在用户输入[text:时触发一个事件到文本字段中。

Answer 1

使用keyup函数来触发。拆分所有字符串并检查它。

[更新]：更多的改进版

<script> 

var totalcount=0; 

$(function(){ 

    $('#text').keyup(

     function(){ 

       var arr = $(this).val().split(" "); 

       var matchitems = count('hello', arr); 

       //console.log(matchitems); 

       if(matchitems > totalcount){ 
       alert('hello'); 
       totalcount = matchitems; 
       } 
       if(matchitems < totalcount) 
       { 
       totalcount = matchitems; 
       } 

     } 
    ) 

}) 

function count(value, array) 
{ 
    var j=0; 

    for(var i=0;i<array.length;i++) 
    { 

     if(array[i] == "hello"){ 
      j++;  
     } 
    } 
    return j; 
} 

</script> 

<input type="text" id="text" /> 
}) 

</script> 

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

Answer 2

Zurb创建textchange插件，这将有助于。看到自己的“验证文本”例如向底部，我认为它几乎正是你要寻找的..

http://www.zurb.com/playground/jquery-text-change-custom-event

Answer 3

使用keyup像@experimentX提到的是你要去B中的路/ C，则你会知道你的用户已经输入了价值。但是，运行for循环对于每一个键盘事件都是非常昂贵的。相反，因为你知道你想已经是值，您可以使用预设regexp搜索你的价值：

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

<script> 
    $(function() { 
     var $input = $('#text'); 
     $input.keyup(function (e) { 
      var regexp = /\[text\:/i, 
       val = $(this).val(); 
      if (regexp.test(val)) { 
       console.log('i have it: ', val); 
      } 
     }); 
    }); 
</script> 

这里是你如何编写实际regexp一对夫妇的其他方案。

• 你希望字符串是在输入的开始：var regexp = /^\[text\:/i;
• 大厦上面的一个，但合并文本前面的空白的任何量你真的想：var regexp = /^\s+?\[text\:/i;