JZTXT

js监听按键行为

发布时间 2023-09-28 16:24:47作者: 分页需带参

js监听按键行为

实例：点击H键实现刷新功能

import { onMounted, onUnmounted } from "vue";

//vue实例挂载后调用
onMounted(() => {
  document.addEventListener("keydown", (event) => {
    if (event.keyCode == 72) {
      location.reload();
    }
  });
});

//vue实例销毁时调用
onUnmounted("keydown", (event) => {
  document.removeEventListener("keydown", () => {});
});