美文网首页
vue中button取消键盘监听

vue中button取消键盘监听

作者: jing_bao | 来源:发表于2018-09-05 14:29 被阅读0次

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

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

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

在方法中,写入clickBtn方法

methods:{

clickBtn(e){

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

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

}

}

相关文章

网友评论

      本文标题:vue中button取消键盘监听

      本文链接:https://www.haomeiwen.com/subject/npugwftx.html