时间戳

首页 > 解决方案 > 未检测到输入字段 Javascript 上的按键

javascript - 未检测到输入字段 Javascript 上的按键

问题描述

我已经尝试了所有方法，如果有人能解释为什么当我在 HTML 输入字段上按 Enter 时此 JavaScript 代码没有导致显示警报按钮，那将不胜感激。

    document.getElementById("inp").addEventListener("keypress", clickedEnter, false);
    
    function clickedEnter(event){
        if(event.key == "Enter"){
            alert("true");
        }
    }
<input type = "text" class = "inp" id = "inp" placeholder="Add Item">

标签： javascripthtml

解决方案

它工作正常，我认为如果在你的 javascript 运行之前没有加载 DOM，你可能会遇到问题。在这种情况下，您可以将脚本放在正文的末尾或在 DOM 加载后运行 javascript，例如：

window.addEventListener('DOMContentLoaded', (event) => {

  function clickedEnter(event){
      if(event.key == "Enter"){
          alert("true");
      }
  }
  
  document.getElementById("inp").addEventListener("keypress", clickedEnter, false);

});
<input type = "text" class = "inp" id = "inp" placeholder="Add Item">

推荐阅读