input输入框实时监控 并实现延迟发起请求

原创 2016年06月01日 12:44:11

input输入框实时监控 并实现延迟发起请求


实时监控input代码

autoWatch:function(){
			var that=this;
			var $ele=$(this.element);
			$ele.on('input propertychange',function(){
				//console.log($(this));
				var oldValue=$(this).data('oldValue');
				var newValue=$(this).val();
				if(oldValue==newValue){
					//console.log('oldValue==newValue');
					that.show();
					return false;
				}else{
					//that.requestData(newValue);
					  that.delayRequest(newValue,0);
				}
			})
		}

延迟处理代码

 var timer=false //定义全局timer
delayRequest:function(newValue,i){//延时请求处理
			var that=this;
			var j=10;
			if(timer){
				clearInterval(timer);
			}
			timer=setInterval(function(){
				++i;
				if(i==j){
					console.log(i,j);
					that.requestData(newValue);
					clearInterval(timer);
				}
			},100);	
		}
i初始值为0   一秒后执行请求 调用that.requestData();




相关文章推荐

js 实时监听input中值变化

RunJS 实时监测input中值的变化

监控页面所有input框的输入,并进行过滤

第一次的解决方案:function input_filter(){ var list=document.getElementsByTagName("input"); //遍历所有符合条件...

input输入后延迟触发事件,

oninput和onpropertychange都是时时监控input值变化的 区别: onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的; oninpu...

jquery input change事件

input输入框的change事件,要在input失去焦点的时候才会触发 $('input[name=myInput]').change(function() { ... }); 在输入框内容变化的...
  • arkblue
  • arkblue
  • 2014年01月09日 13:51
  • 136693

Android 类似淘宝 电商 搜索功能,监听软键盘搜索事件,延迟自动搜索,以及时间排序的搜索历史记录的实现

最近跳槽去新公司,接受的第一个任务是在 一个电商模块的搜索功能以及搜索历史记录的实现。 需求和淘宝等电商的功能大体差不多,最上面一个搜索框,下面显示搜索历史记录。在EditText里输入要搜索的关键字...
  • zxt0601
  • zxt0601
  • 2016年03月15日 22:15
  • 4721

jquery实现input输入框实时输入触发事件

此文为转载: [html]view plaincopyprint? input id="productName" name="productName...

判断延迟搜索的程序,例如:给pc端的及时搜索用

//记录每次查询的当前标记数 let currentStatus = this.inputStatus.status + 1; this.inputStatus.status = this.inpu...

html表单input 延时触发ajax请求

var c; $("#Text1").bind("keypress",function(){ clearTimeout(c); c = setT...
  • az44yao
  • az44yao
  • 2014年02月28日 14:27
  • 1650

ajax请求 input输入文字显示对应的值

今天打开电脑,朋友说帮忙解决个bug 实现input1框输入文字,input2显示input1的val(); 心想呀这还不简单,不就是获取1的val()然后赋值给2不就ok了吗?有难度?瞬间怀疑他的水...

oninput、onchange与onpropertychange事件的区别, 与input输入框实时检测

oninput、onchange与onpropertychange事件的区别, 与input输入框实时检测,输入框内容改变时发生的事件,实时获取输入框的内容,检测输入框内容为空的事件,输入框不为空执行...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input输入框实时监控 并实现延迟发起请求
举报原因:
原因补充:

(最多只允许输入30个字)