无法获取 JavaScript 中输入字段的值

Question

出于某种原因 JavaScript 没有给我输入字段的值选项。 但是，它给了我按钮的值，所以我的输入一定有问题。

这是我的代码 HTML: <input type=“number” id=“inputs” /> JS: Const input = document.getElementById(“inputs”).value

Answer 1

在返回 function 时尝试console.log(e) 。

这在 React 中更容易做到，但我对这个问题的解决方案是查看下一级的 object。

因此，为什么您要寻找e而不是e.target ，后者是您的按钮元素。

该解决方案可能类似于e.target.value[0][1] ，因为 object 返回一个嵌套的对象集合。

Answer 2

如果您试图在输入更改时获取输入值，则必须添加事件侦听器。

<input placeholder="Enter some text" name="name" />
<p id="values"></p>


const input = document.querySelector('input');
const log = document.getElementById('values');

input.addEventListener('input', updateValue);

function updateValue(e) {
  log.textContent = e.target.value;
}

来自HTMLElement的引用