vue中Enter觸發登陸事件和javascript中Enter觸發點擊事件

created(){
     window.addEventListener('keydown', this.handleKeyDown, true)//開啓監聽鍵盤按下事件
}

在methods中當keyCode的值爲13觸發登陸綁定的事件便可javascript

// 登陸登陸登陸
    async changeUser () {
      // 消息提示只彈出一個框
      this.$message.closeAll()

      let s = checkPhone(this.dlPhone, 1) // 手機號
      if (s.code === 500) {
        this.$message(s.msg)
        return
      }
      let ss = checkPhone(this.dlPassword, 2) // 密碼
      if (ss.code === 500) {
        this.$message(ss.msg)
        return
      }

      // if (s.code == 200 && ss.code == 200) {
      let res = await this.$http.post('/api/login', {
        mobile: this.dlPhone,
        password: this.dlPassword
      })
      if (res.data.code === 200) {
        this.show = 2
        this.$store.commit('CHANGE_LOGINFLAG', false)
        this.$store.commit('CHANGE_COVER', false)
        // 保存後臺返回的用戶信息
        this.$cookies.set('logintoken', res.data.data.user_token, {
          expires: getExpireTime(res.data.data.expire_time)
        })
        this.$store.commit('LOGIN_TOKEN', {
          loginToken: res.data.data.user_token
        })
        localStorage.setItem('userInfo', JSON.stringify(res.data.data))
        this.$store.commit('USERINFO', { userInfo: res.data.data })
        localStorage.setItem('userId', JSON.stringify(res.data.data.user_id))
        this.$store.commit('USER_ID', { userId: res.data.data.user_id })
      } else {
        this.$message({
          message: '帳號不存在或密碼錯誤!'
        })
      }
    },
    // 鍵盤監聽enter鍵登陸
    handleKeyDown (e) {
      let key = null
      if (window.event === undefined) {
        key = e.keyCode
      } else {
        key = window.event.keyCode
      }
      if (key === 13) {
        this.changeUser()
      }
    },

下面時js中Enter觸發點擊事件java

<h3>按下 Enter 觸發按鈕點擊事件</h3>
<p>選中輸入框,而後按下"Enter" 就會觸發按鈕的點擊事件。</p>

<input id="myInput" value="一些文本..">
<button id="myBtn" onclick="javascript:alert('Hello World!')">按鈕</button>
var input = document.getElementById("myInput");
input.addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("myBtn").click();
    }
});
相關文章
相關標籤/搜索