如何监听文本框事件的实时变化

发布网友发布时间：2022-04-28 20:46

共2个回答

懂视网时间：2022-05-15 08:09

这次给大家带来jQuery监控文本框事件并处理步骤详解，使用jQuery监控文本框事件的注意事项有哪些，下面就是实战案例，一起来看一下。

//事情委托
$(document)
 .on('input propertychange', '#query', function(){
 var input = $(this).val();
 show(input);
 });
 var show = function(txt){
 var info = '监听：<b>' + txt + '</b><br /><br />'
 + '相关搜索：<br />' + showTags(txt);
 $('.info').html(info);
 }
 var showTags = function(txt){
 var tag = '';
 if(txt.length){
 for (var i = 0; i < 3; i++) {
 tag += '<span class="tag">'+txt+'相关'+i+'</span>';
 };
 }
 return tag;
}

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

jQuery动态操作Table单元格

Jquery+Mobile自定义按钮图标步骤详解

热心网友时间：2022-05-15 05:17

是在改变input内容之前触发的，得到的是未操作前的值，因此也不适用。最后通过一个定时器实现了该效果，需要利用setInterval()函数。
jquery代码如下：

$(document).ready(function(){

var oldword=$('#textinput').val();

var time=function(){
var keyword=$('#textinput').val();
if(oldword!=keyword){
alert("asb");//参考
oldword=keyword;
}
else{
//写你自己要实现的功能
}
}

var intervalnum=null;

$('#companysearch').focus(function(){
intervalnum=setInterval(time,100);