为什么我的 JavaScript 输入值始终为空？

JavaScript 中的空输入值问题

将输入字段的 value 属性存储到变量中可能会导致值保留的问题无论用户输入如何，都为空。为了理解这一点，让我们检查您提供的代码：

const inputValue = document.querySelector("#inputField").value;

此行在首次执行脚本时将输入字段的值分配给 inputValue 变量。但是，当用户在输入字段中键入时，它不会更新该值。 JavaScript 中的字符串是不可变的，这意味着一旦存储在变量中，它们的值就无法更改。

要解决此问题，您有两个选择：

1. 每次查询元素：
   每次按钮时用最新值更新 inputValue 变量单击。

   const testing = () => {
     const inputValue = document.getElementById("inputField").value;
   
     alert(inputValue);
   }

   登录后复制

2. 存储对元素的引用：
   维护对输入字段元素的引用并在需要时动态检索其值。

   const inputElement = document.getElementById("inputField");
   const testing = () => alert(inputElement.value);

   登录后复制

通过实施这些解决方案之一，您可以确保输入值始终是最新的，并准确反映用户所做的任何更改。

以上是为什么我的 JavaScript 输入值始终为空？的详细内容。更多信息请关注PHP中文网其他相关文章！