Javascript 禁用父级上的默认值_Javascript

Javascript 禁用父级上的默认值

javascript

Javascript 禁用父级上的默认值,javascript,Javascript,我正在插入一个自定义脚本来篡改页面。脚本将添加一个输入框 <html> <body> <div id="originalpage"> <input type="text" id="myinput"> </div> </body> </html> 使用chrome开发工具，我可以在不干扰原始页面的情况下删除输入文本框上继承的按键事件，并且它可以正常工作我可以从我的脚本中执行此

我正在插入一个自定义脚本来篡改页面。脚本将添加一个输入框

<html>
  <body>
    <div id="originalpage">
      <input type="text" id="myinput">
    </div>
  </body>
</html>

使用chrome开发工具，我可以在不干扰原始页面的情况下删除输入文本框上继承的按键事件，并且它可以正常工作

我可以从我的脚本中执行此操作吗？所有脚本都是普通的javascript（没有jquery）。

您可以像这样删除

eventListener

：

document.getElementById（“originalpage”）.removeEventListener（“按键”，complexKeyHandler，true）
父页面-这是在一个iframe中吗？不，这不是一个iframe，这是一个有趣的问题。。。但是，我不确定除了删除或修改现有事件之外，您还能做什么。那么，您如何拥有父页面呢？术语放错了地方，我指的是父元素。编辑会干扰页面功能的内容。我不想删除原始事件侦听器，只想阻止它在我的自定义脚本上启动。删除侦听器，添加您的侦听器，添加原始侦听器。。。我想你的先开火
function complexKeyHandler(e) {
  // stuff
  e.preventDefault();
}

document.getElementById("originalpage")
  .addEventListener("keypress", complexKeyHandler, true);