关闭

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

432人阅读 评论(0) 收藏 举报
分类:

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




0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:3926次
    • 积分:126
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档