如何通过按不同的键来模拟按键

Question

当您开始在 Wordpress 搜索插件上输入内容时，我想隐藏搜索输入下方显示的“建议”选项列表，我特别需要的是在按下“删除”时触发“Escape”键事件" 键，我尝试了下面的 jquery 函数，但它没有按我预期的那样工作。

$('form.search-form').keydown(function (e) {

// keycode for Delete key
if (e.keyCode == 46) {
      var a = $.Event("keydown");
      // keycode for Esc key
      a.which = 27;
      a.keyCode = 27;
      $(document).trigger(a); 
}});

有什么帮助吗？提前致谢

Answer 1

已更新（原始问题不清楚）

Live demo here (click).

按下删除键时，将keyCode更改为esc键，然后使用trigger模拟按下esc。

$('input').keydown(function (e) {
  // keycode for delete
  if (e.keyCode == 46) {
    console.log('delete key pressed.');
    e.keyCode = 27;
    $(this.target).trigger(e);
  }
});

$('input').keydown(function (e) {
  // keycode for esc
  if (e.keyCode == 27) {
    console.log('esc key pressed.');
  }
});

旧答案（因为相似而留在这里。）

您的问题是X/Y problem。您不需要触发另一个 keydown 事件，您只需要重复相同的功能，因此将esc 事件的代码提取到一个函数中并在del 键的事件中重用。 Live demo here (click).

$('input').keydown(function (e) {
  // keycode for delete
  if (e.keyCode == 46) {
    myFunction(e);
  }
});

$('input').keydown(function (e) {
  // keycode for esc
  if (e.keyCode == 27) {
    myFunction(e);
  }
});

function myFunction() {
  alert('Look, Ma! Code reuse!'); 
}

更好的是，这样做！

Live demo here (click).

$('input').keydown(function (e) {
  // keycodes for delete and esc
  if (e.keyCode == 46 || e.keyCode == 27) {
    myFunction(e);
  }
});

function myFunction() {
  alert('Look, Ma! Code optimization!'); 
}