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