如何将输入字段返回到其默认行为？

Question

我正在开发一个默认情况下在输入字段中阻止退格的网站，但对于这个特定的输入，我想将其恢复为默认行为以接受 退格。

最简单的方法是什么？基本上我需要preventDefault()的反面。

更新：我在评论中添加了以下消息，但认为这对问题很重要。所以这里是：

不幸的是，我不知道它如何防止 退格。我正在创建一个 Chrome 扩展程序，它将一个输入字段注入到页面中。除了 backspace 外，一切正常。我试图找到阻止它的代码，但这是不可能的。

我创建字段的代码是这样的：

if(!document.getElementById("input_typing")){
        var input = document.createElement('input');
        input.id = "input_typing";
        input.tabIndex = 1;
input.style.width = "95%";
        input.focus();
        txts[i].parentNode.appendChild(input);
}

Answer 1

我的想法是：可以在文档上附加一个处理程序，以便 *site 防止退格 *。

我不确定这一点，但我创建了一个 sn-p 来阐明我的想法：

如果事件处理程序阻止退格上的默认操作，您可以为新创建的输入字段添加新的事件处理程序以停止传播。

//
// Let's assume this is the site handler to prevent backspace
//
document.addEventListener('keydown', function(e) {
  if (e.which === 8) {
    e.preventDefault();
  }
});


//
// your new element
//
if(!document.getElementById("input_typing")){
  var input = document.createElement('input');
  input.id = "input_typing";
  input.tabIndex = 1;
  input.style.width = "95%";
  input.focus();
  document.querySelectorAll('input[type="text"]')[0].parentNode.appendChild(input);

  //
  // Add the keydown event handler to stop propagation
  //
  input.addEventListener('keydown', function(e) {
    e.stopPropagation();
  });
}

<form action="action_page.php">
    First name:<br>
    <input type="text" name="firstname" value="Mickey">
    <br>
    Last name:<br>
    <input type="text" name="lastname" value="Mouse">
    <br><br>
    <input type="submit" value="Submit">
</form>

Answer 2

如果是防止退格的 JavaScript 文件：

您可以在添加 js 文件（包含防止输入字段中的退格的代码）后直接在页面中执行内联脚本。

这样 JS 就会被包含进来——它会禁用退格。 当您执行内联脚本以启用以前的功能时发布此内容 - 您的脚本代码将覆盖包含的 js

如果是防止退格的 CSS 文件：

您可以在每一行的末尾使用 !important 使用内联 css 脚本，以便覆盖现有的 css。

注意：最好在页面末尾添加您的 css/js 内联脚本代码，以提供确定性并避免混淆。