博客列表 >实时监听input框三秒不改变执行下一步

实时监听input框三秒不改变执行下一步

会飞的码蚁的博客
会飞的码蚁的博客原创
2018年10月16日 15:21:011577浏览

啦啦啦~~~

废话少说,直接上代码

      var myVar = 1; // 计时器返回的ID,设置一个默认ID,防止第一次监听clearTimeout()方法报错
      $(document).ready(function(){
          // 选中class为.reserve-info的元素绑定改变事件,同时绑定input 和propertychange事件是为兼容性
        $('.reserve-info').on('input propertychange', function() {
          clearTimeout(myVar) // 第一次取消默认ID,之后每次都取消上一次的计时数据
          myVar = setTimeout(function(){ console.log('三秒没操作了哦...'); }, 3000);
          console.log(myVar); // 打印出每次计时器返回的ID,只用于测试
        });
      });


好!打完收工,领盒饭去了!!!

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议