Javascript - 有选择地禁用 Key Down

Question

我的应用程序有一个图像调色板。我正在使用键盘快捷键来移动下一个和上一个图像。代码如下:

window.addEventListener('keydown', function(e) {
  if (e.which == 37 || e.which == 65) {
    beforeAfterImages(1);
    gtfval();
  }

  if(e.which == 39 || e.which == 68) {
    beforeAfterImages(2);
    gtfval();
  }

})

在同一页面中，我有一个按钮，可以打开模式窗口。模式窗口具有用于文本输入的字段。在文本输入过程中，当我按 a 或 d 时，模式后面的图像调色板会不断移动。当我打开模态窗口时，我可以禁用按键功能吗？我尝试了以下方法:

$('#myModal').click(function() {
  window.addEventListener('keydown', function(e) {
  if (e.which == 37 || e.which == 65) {
    return false;
  }

  if(e.which == 39 || e.which == 68) {
    return false;
  }

})
});

Answer 1

打开模式时，您可以编辑变量，例如 var isModalOpen。然后检查每次用户按下按键时:

window.addEventListener('keydown', function(e) {

  if(modalIsOpen) return; // this

  if (e.which == 37 || e.which == 65) {
    beforeAfterImages(1);
    gtfval();
  }

  if(e.which == 39 || e.which == 68) {
    beforeAfterImages(2);
    gtfval();
  }

})