跟踪用户键在单独函数中输入字段中的按下

Question

我想在单独的函数中跟踪输入字段中的用户键，并根据onkeydown值调用功能。我下面的东西不起作用。什么都没有发生。我愿意睁大眼睛启示和评论。我想我错过了一些专业的东西。

function find_key(Fval, Fid) {

  //prevents malicious characters
  if ((event.charCode <= 47) || (event.charCode >= 64)) {
    return;
  };

  // user presses ctrl + delete
  // this doesn't work, nothing happens
  if (event.code == 46 && (event.ctrlKey || event.metaKey)) {
    alert('Undo!');
  }

  // user presses ctrl + enter 
  // this doesn't work, nothing happens
  if (event.ctrlKey && e.keyCode == 13) {
    alert("grab");
    grabName(Fval, Fid);
  }

}

<input onkeydown="find_key(this,this.id);" id="P${i}" />

我根据建议尝试了此操作：（它不起作用）

`<input class = 'tiger' id = "P${i}"  />`;

document.getElementsByClassName（'Tiger'）。AddeventListener（'KeyPress'，findKey）;

function find_key (e) {

if (event.code == 46 && (event.ctrlKey || event.metaKey)) 
{ alert('Undo!'); }

Answer 1

您需要将事件作为参数传递（请注意必须使用确切的参数名称“事件”）。

<input onkeydown = "find_key(event, this, this.id);" id = "P${i}"  />;

然后在JS

function find_key (event, Fval, Fid) {
    //...
}

P.S.为什么不在JS代码中使用文档方法并将事件侦听器直接添加到您的输入中？

document.getElementById('input_el_id').addEventListener('keydown', findKey);

function findKey(e) {
    //...
}