禁用退格浏览器功能，并改用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);
  }
});