javascript - 防止函数 onkeydown javascript

Question

您好，我是新手，我有一个脚本可以在按键时触发函数。但我还有一个输入文本字段框，如果我在该输入字段框中键入内容并按下该键，则会触发该功能。该函数会触发，但如果我在输入字段中键入内容，我不希望该函数触发，有办法做到这一点吗？

window.addEventListener("onkeydown", keyDown, true);
window.addEventListener("keydown", keyDown);

function keyDown() {
  var e = window.event;
  switch (e.keyCode) {
    case 72: // Key H
      test();
      break;
  }
}

function test() {
  document.getElementById('Codefield').value = Math.random().toString(36).substring(2, 15);
}

<input id="Codefield" value="" type="text">

<input id="Codefield2" value="Stop test function keydown or keydown if typeing here" type="text">

Answer 1

如果您将事件监听器添加到窗口，您的所有输入都将触发该函数。仅在需要的地方添加事件监听器。

document.getElementById('Codefield').addEventListener("onkeydown", keyDown, true);

另一种技术是从触发函数内部检查 e.target 并忽略该代码(如果它来自您不想处理的输入)。