浏览器监听、拦截按键事件

说明

浏览器监听、拦截按键事件，已经在Chrome验证过，其它浏览器未验证。

本文拦截上下方向键为左右方向键，仅部分网页支持，如优快云博客的图片浏览页面支持。

---

使用方法

在chrome浏览器页面按f12打开控制台，切换到console（控制台）页签，复制以下代码到控制台，回车执行即可。

---

代码

document.addEventListener("keydown", function (event) {
  console.log("key:" + event.key + ", code:" + event.code + ", keyCode:" + event.keyCode);
  // keyCode已经被标记为废弃，建议使用key、code属性代替。但是在chrome浏览器中，目前还是只有keyCode有效
  if (event.keyCode === 38) {
    event.preventDefault();
    console.log("拦截方向上键");
    var leftKeyEvent = new KeyboardEvent("keydown", {
      keyCode: 37,
    });
    document.dispatchEvent(leftKeyEvent);
    return;
  }
  if (event.keyCode === 40) {
    event.preventDefault();
    console.log("拦截方向下键");
    var rightKeyEvent = new KeyboardEvent("keydown", {
      keyCode: 39,
    });
    document.dispatchEvent(rightKeyEvent);
    return;
  }
});