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();




input输入后延迟触发事件,

oninput和onpropertychange都是时时监控input值变化的 区别: onpropertychange的话,只要当前对象属性发生改变,都会触发事件,但是它是IE专属的; oninpu...
  • wfl1433156146
  • wfl1433156146
  • 2017年02月15日 16:46
  • 1874

html表单input 延时触发ajax请求

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

文本框输入后立即触发事件

文本框输入事件:onchange 、onkeyup 、onblur onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会...
  • meizhiyun
  • meizhiyun
  • 2013年11月27日 12:14
  • 95901

jquery 实时监听输入框值变化的完美方案

只需要同时绑定 oninput 和 onpropertychange 两个事件,但是这并不完美$('.input-form :input').bind('input propertychange', ...
  • liuzp111
  • liuzp111
  • 2016年10月13日 16:54
  • 5702

如何实时监听 input 和 textarea输入框值的变化

在实际前端开发中我们经常会遇到要实时监听用户的输入,根据不同的输入值来采取不同的措施。举一个常见的例子:我们在使用Google 搜索框进行搜索时,每多输入一个字,搜索框下方显示的匹配结果会实时变化。这...
  • ruoyiqing
  • ruoyiqing
  • 2015年03月13日 14:57
  • 12700

js 实时监听input中值变化

RunJS 实时监测input中值的变化
  • spy19881201
  • spy19881201
  • 2014年05月11日 11:13
  • 197283

html实时监听input变化

Document $(function(){ ...
  • a380346189
  • a380346189
  • 2017年03月03日 11:54
  • 350

input与textarea实时监控,原生JS与JQ两种方法

之前一直在用JQ的方法对input与textarea输入实时监控,今天在偶然下发现了原生JS的方法对input的实时监控。 废话不多说了,直接上代码。HTML代码: ...
  • u011520348
  • u011520348
  • 2016年03月18日 17:53
  • 2061

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

第一次的解决方案:function input_filter(){ var list=document.getElementsByTagName("input"); //遍历所有符合条件...
  • Hello_World003
  • Hello_World003
  • 2015年08月05日 17:47
  • 1357

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

input输入框实时监控 并实现延迟发起请求
  • u012546027
  • u012546027
  • 2016年06月01日 12:44
  • 1115
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input输入框实时监控 并实现延迟发起请求
举报原因:
原因补充:

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