created() {
this.keyDown();
},
beforeDestroy() {
this.keyDownReview();
},
methods: {
//按键恢复
keyDownReview() {
document.onkeydown = function (event) {
var e = event || window.event;
e.returnValue = true;
};
},
//键盘按钮截获
keyDown() {
document.onkeydown = (e) => { // 46--delete,8--回退
if (e.keyCode === 8 || e.keyCode === 46) {
//delete键后执行刷新方法
this.deletePlotBtnClickHandler();
//取消原来的后续事件
e.preventDefault();
}
};
},}
vue项目中实现监听键盘按键事件
最新推荐文章于 2025-06-08 09:11:38 发布
本文介绍了如何在Vue.js应用中实现键盘按键的监听,包括在组件创建和销毁时的特定操作,如删除键事件的拦截和回退键的恢复功能,以及使用`onkeydown`和`event.keyCode`进行事件处理。
9131

被折叠的 条评论
为什么被折叠?



