vue中button取消键盘监听

2018-09-05  本文已影响0人  jing_bao

一般情况下,点击按钮后,按钮就获取焦点,再点击键盘上的健,就会响应按钮的点击事件。(点击按钮时,取消按钮的焦点,再点击键盘就不再起作用)

但是特殊情况下,希望按钮的点击不响应键盘的事件影响时

如<button @click='clickBtn'>点击按钮</button>

在方法中,写入clickBtn方法

methods:{

clickBtn(e){

//e.target  是当前点击元素   e.currentTarget是绑定事件元素

e.currentTarget.blur();//获取当前绑定事件的元素,然后取消焦点

}

}

上一篇 下一篇

猜你喜欢

热点阅读