在jQuery中,如何在用户输入时检测指定的字符串?
问题描述:
就像在Facebook上输入评论时,您击中@username时一样,它会对此做出反应,让您选择内联用户名。在jQuery中,如何在用户输入时检测指定的字符串?
使用jQuery,我们将如何为[text:1]连接一个事件侦听器。我想要在用户输入[text:
时触发一个事件到文本字段中。
答
使用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" />
答
Zurb创建textchange插件,这将有助于。看到自己的“验证文本”例如向底部,我认为它几乎正是你要寻找的..
http://www.zurb.com/playground/jquery-text-change-custom-event
+0
真棒链接,谢谢! – Chaddeus 2011-03-07 06:33:07
答
使用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;
谢谢,这很好! – Chaddeus 2011-03-07 06:32:50