禁用退格瀏覽器功能，並改用div中的文本

Question

上下文：我正在創建一個“人造命令行”網站。 您在div中的人造提示下鍵入命令。

問題：如果您鍵入錯誤並需要退格一兩個字符怎么辦？ 按下退格鍵后，我的瀏覽器將返回上一個網頁。

我的半解決方案：通過檢測密鑰在瀏覽器中禁用退格功能。 我通過檢測退格的'keydown'事件並返回false來做到這一點。 但是，既然瀏覽器功能已被阻止（返回false），事件就結束了。 我無法為將要執行的Backspace功能執行的事件調用以下函數。

我的問題：如何阻止功能，然后繼續事件並調用函數以執行我想要的操作（警報，函數調用等）？

請轉到我的CodePen查看完整代碼。 但是這是一個片段：

   $(document).keydown(function(e) {
  if (e.keyCode == 8) {
    return false;
  **//I need to call a function here!!!!!!**
  } else {
  prompt.keyDetector(e);
  }
});

我的人造命令行鏈接

Answer 1

您可以使用e.preventDefault（）來防止事件的默認操作。

$(document).keydown(function(e) {
  if (e.keyCode == 8) {
    e.preventDefault();
    //call function
    return false;
  } else {
  prompt.keyDetector(e);
  }
});