jQuery监控文本框事件并处理步骤详解
来源:动视网
责编:小采
时间:2020-11-27 19:51:44
jQuery监控文本框事件并处理步骤详解
jQuery监控文本框事件并处理步骤详解:这次给大家带来jQuery监控文本框事件并处理步骤详解,使用jQuery监控文本框事件的注意事项有哪些,下面就是实战案例,一起来看一下。//事情委托 $(document) .on('input propertychange', '#query', function(
导读jQuery监控文本框事件并处理步骤详解:这次给大家带来jQuery监控文本框事件并处理步骤详解,使用jQuery监控文本框事件的注意事项有哪些,下面就是实战案例,一起来看一下。//事情委托 $(document) .on('input propertychange', '#query', function(

这次给大家带来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自定义按钮图标步骤详解
jQuery监控文本框事件并处理步骤详解
jQuery监控文本框事件并处理步骤详解:这次给大家带来jQuery监控文本框事件并处理步骤详解,使用jQuery监控文本框事件的注意事项有哪些,下面就是实战案例,一起来看一下。//事情委托 $(document) .on('input propertychange', '#query', function(