Javascript Esc事件侦听器不工作

我添加了按键侦听器，但这不起作用。 当click的监听器被调用时-工作正常

代码如下：

var closeSave = document.getElementById("closeSave");
    closeSave.addEventListener("click", closeWindow);
    closeSave.addEventListener("keypress", closeWindowByEsc);

            // When the user clicks on <span> (x), close the modal
        var closeWindow = function() {
            saveModal.style.display = "none";
            loadModal.style.display = "none";
        }

    var closeWindowByEsc = function(){
    if (!e) e = window.event;
    var keyCode = e.keyCode || e.which;
    if (keyCode == '27'){
      closeWindow(e);
    }
  }

---

可能是什么问题？

您没有将事件e传递给您的函数

var closeSave = document.getElementById("closeSave");
closeSave.addEventListener("click", closeWindow);
closeSave.addEventListener("keypress", function(e){
    if (!e) e = window.event;
    var keyCode = e.keyCode;
    if (keyCode == '27'){
        closeWindow();
    }
});

// When the user clicks on <span> (x), close the modal
function closeWindow() {
    saveModal.style.display = "none";
    loadModal.style.display = "none";
}

---

问题是，声明var func=function{…会将var func；部分提升到作用域的顶部，但在到达该行之前，func不会定义为function{…所以当附加事件处理程序时，基本上就是这样发生的：

var closeSave = document.getElementById("closeSave");
var closeWindow;
var closeWindowByEsc;

// here, closeWindow and closeWindowByEsc are `undefined`
closeSave.addEventListener("click", closeWindow);
closeSave.addEventListener("keypress", closeWindowByEsc);

// When the user clicks on <span> (x), close the modal
closeWindow = function() {
  saveModal.style.display = "none";
  loadModal.style.display = "none";
}

closeWindowByEsc = function(e) {
  if (!e) e = window.event;
  var keyCode = e.keyCode || e.which;
  if (keyCode == '27') {
    closeWindow();
  }
}

或者，您可以使用将实例化提升到作用域顶部的函数语句，而不是函数表达式：

var closeSave = document.getElementById("closeSave");

closeSave.addEventListener("click", closeWindow);
closeSave.addEventListener("keypress", closeWindowByEsc);

// When the user clicks on <span> (x), close the modal
function closeWindow() {
  saveModal.style.display = "none";
  loadModal.style.display = "none";
}

function closeWindowByEsc(e) {
  if (!e) e = window.event;
  var keyCode = e.keyCode || e.which;
  if (keyCode == '27') {
    closeWindow();
  }
}

---

如果函数未使用它，则将其传递给函数没有任何好处。他指的是closeSave keypress事件处理程序，而不是closeWindow函数。函数正在使用it@Sid24，JBC是指在事件处理程序中调用closeWindowe而不是closeWindow，即使closeWindow不使用事件对象但这与回答问题无关，传递事件对象是毫无意义的。我没有注意到，因为他说单击事件处理程序工作正常，所以我认为这部分是正确的。但他说单击事件处理程序工作正常

var closeSave = document.getElementById("closeSave");

closeSave.addEventListener("click", closeWindow);
closeSave.addEventListener("keypress", closeWindowByEsc);

// When the user clicks on <span> (x), close the modal
function closeWindow() {
  saveModal.style.display = "none";
  loadModal.style.display = "none";
}

function closeWindowByEsc(e) {
  if (!e) e = window.event;
  var keyCode = e.keyCode || e.which;
  if (keyCode == '27') {
    closeWindow();
  }
}