美文网首页
js延时函数

js延时函数

作者: Kathy丶Andy | 来源:发表于2018-05-16 22:42 被阅读0次

    用于检测input框的输入验证,做一些错误弹出提示,之前用的是比较LOW的写法,记录用户输入的时间和结束的时间,用结束的时间去减去输入的时间,可能有时候会有些小bug,今天发现了一种感觉还不错的方法

    本文用的是vue里面的实例

     <input type="text" v-model="email" @keyup="emails($event)">
    
      data() {
        return {
          email: "",
          inputTimeout: null,
          delay: 1000
        }
      },
      methods: {
        emails(e) {
        if (this.delay > 0) {
          if (this.inputTimeout) {
            window.clearTimeout(this.inputTimeout);
          }  
            this.inputTimeout = setTimeout(() => {
            console.log(this.email);
          }, this.delay);
        } else {
          console.log(this.email)
        }
      }
    }
    

    就这的几句话搞定

    相关文章

      网友评论

          本文标题:js延时函数

          本文链接:https://www.haomeiwen.com/subject/dromdftx.html