1. 程式人生 > >vue中給buttion按鈕添加鍵盤回車(enter)事件

vue中給buttion按鈕添加鍵盤回車(enter)事件

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)事件