vue中給buttion按鈕添加鍵盤回車(enter)事件
阿新 • • 發佈:2018-09-14
key pan created date() tel pre prim nts add
一、給button按鈕綁定@keyup.enter
<div class="btn"> <Button type="primary" @click="handleAddBook" @keyup.enter="handleAddBook">錄入</Button> </div>
二、瀏覽器url:event.target.baseURI;
created(){
this.keyupEnter() }, methods:{ keyupEnter(){ document.onkeydown= e =>{ let body = document.getElementsByTagName(‘body‘)[0] if (e.keyCode === 13 && e.target.baseURI.match(/inputbook/) && e.target === body) { console.log(‘enter‘) this.handleAddBook() } } }, handleAddBook(){if(this.validate()){ this._printQrcode() } } }
vue中給buttion按鈕添加鍵盤回車(enter)事件