Bootstrap

vue 回车事件 失焦事件

在监听键盘事件时,我们经常需要检查常见的键值。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符:

<input @keyup.enter=“submit”>
在使用过程中,如果页面只针对一个Input添加键盘enter事件,可以直接按照官方文档定义的别名增加相应事件就可以了

但是如果是要对页面的button添加enter键盘事件,就不能写在input或者button上,因为获取不到焦点,这时候可以直接写在created里,如下:

// 错误写法:这么写没有生效
<input class=“form-control search-input” type=“search” placeholder=“输入用户名进行搜索” aria-label=“Search” maxlength=“32” v-model.trim=“search_value” @keyup.enter=“enterSearchMember”>

<button class=“btn btn-primary btn-sch” type=“button” @click=“goSearch”>搜索

//不能直接将事件添加写在input上,因为这样必须焦点在input上才能触发,所以可以直接绑定在document上即可
created() {
var lett = this;
document.onkeydown = function(e) {
var key = window.event.keyCode;
if (key == 13) { <

;