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。怎么办？
（我需要用老方法来支持浏览器，所以代码是这样的）

Answer 1

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

强烈推荐

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>

Answer 2

要不编辑您的 myFunction，您可以结束通话：

for (var i = 0; i < mainMenuLinks.length; i++) {
    var onKeyDownFunc = myFunction(mainMenuLinks, i);
    mainMenuLinks[i].onkeydown = function(e) {
       console.log(e.keycode);
       onKeyDownFunc();
    };
}

如何获得电子密钥代码？

2 个答案: