全部的按键别名
一、input标签绑定esc键.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
中绑定事件
中定义事件
KeyUpEsc:function(){ alert("监听到esc键") }
实现效果截图
二、使用element组件库的el-input标签，绑定delete键中绑定事件
为什么这次绑定事件多一个.native修饰符，这个可能是因为element-ui封装了个div在input标签外面，把原来的事件隐藏了，所以如果不加.native的话，按键不会生效
中定义事件
KeyUpDelete :function(){ alert("监听到delete键") },
实现效果截图
三、上面两种实现效果是当input标签获取到焦点的时候，才能监听到键盘，下面这种是全局监听enter键，是把监听事件绑定到document上（登录页面常用） created: function() { var _this = this; document.onkeydown = function(e) { let key = window.event.keyCode; if (key == 13) {
_this.submit();
}
};
}, methods: { submit: function() { alert("监听到enter键");
},
}实现效果截图
作者：神仙哥哥卿洋
链接：https://www.jianshu.com/p/f2172afaf9bf
