• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

jQuery监控文本框事件并作相应处理

C# 水墨上仙 1976次浏览

jQuery监控文本框事件并作相应处理
来源:http://blog.1dnet.net/?post=828

//事情委托
$(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;
	}


喜欢 (0)
加载中……