当前第2页 返回上一页
三、上面两种实现效果是当input标签获取到焦点的时候，才能监听到键盘，下面这种是全局监听enter键，是把监听事件绑定到document上（登录页面常用）
1 2 3 4 5 6 7 8 9 | created: function() {
var _this = this;
document.onkeydown = function(e) {
let key = window.event.keyCode;
if (key == 13) {
_this.submit();
}
};
},
|
1 2 3 4 5 | methods: {
submit: function() {
alert("监听到enter键");
},
}
|
效果图如图所示
了解更多js相关知识可以点我：js教程
以上就是vue.js监听键盘事件的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
为什么css放上面js放下面
vue和react中dom的区别
javascript中alert用法是什么
vue中怎么导出excel文件？
js中输出的方式有哪些
利用js+html5实现图片上传预览效果（实例）
浅析vue创建组件的几种方式
node+vue怎么实现简单的websocket聊天功能？（代码示例）
js classname如何修改class属性
js正则表达式的字符匹配
更多相关阅读请进入《vue》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » vue.js监听键盘事件
