我想给整个页面添加一个键盘事件,也就是快捷键,于是我在当前页面根元素上绑定了keyup事件,
ps:
div 的 事件不像表单,我们需要在标签上添加tableIndex = "0"这个属性
但是每次还是得点一下页面才有用,那大大削弱了快捷键的作用,最后找来找去,终于找到了答案。
因为vue是很少直接操作dom的,所以我在写vue的时候,很少往原生dom事件那里去碰,但是,原生就是基础,基础还是要用滴。
这样一来我就不用像上面那样给根元素绑定事件了,而是在created的时候,添加一个全局监听事件
document.addEventListener("keyup", Methods);
另外,在退出页面的时候,一定记得要销毁事件监听
document.removeEventListener("keyup", Methods);
然后事件里记得要阻止默认事件
e.preventDefault();
THAT’S IT.