javascript - 如何获得 e.keycode？

Question

我有一个代码：

var mainMenuContainer = document.getElementById('main-menu-container');
var mainMenuLinks = mainMenuContainer.getElementsByTagName('a');

function myFunction(links, i) {
    return function () {
        console.log(links[i]);
    }
}

for (var i = 0; i < mainMenuLinks.length; i++) {
    mainMenuLinks[i].onkeydown = myFunction(mainMenuLinks, i);
}

我现在可以获得按键发生的链接。我仍然需要获取e.keycode在链接上按下的键。怎么做？
（我需要使用旧方法来支持浏览器，所以代码是这样的）。

标签： javascriptinternet-explorerdom-eventskeycode

Answer 1

您可以使用代码，但我希望点击链接

我强烈推荐

const mainMenuContainer = document.getElementById("main-menu-container");
const myFunction = (e) => {
  e.preventDefault();
  if (e.type==="keydown") console.log(e.code);
  const tgt = e.target; // or e.target.closest("a") if there are child elements of the link
  if (tgt.tagName === "A") {
    console.log(tgt.href)
  }
};
mainMenuContainer.addEventListener("keydown", myFunction); 
mainMenuContainer.addEventListener("click ", myFunction); 

<div id="main-menu-container">
  <a href="#home">Home</a> | <a href="#about">about</a>
</div>