无法从输入字段获取输入

Question

我无法从输入字段中获取用户输入的输入；这个你能帮我吗。我无法弄清楚这里出了什么问题。var ftemp = document.getElementById("Farenheit").value;<td>    <input type="number" id="Farenheit">  </td>在网页的输入字段中输入值时，根本没有获取输入值。console.log-ing 变量只显示一个空行。

Answer 1

这行代码

var ftemp = document.getElementById("Farenheit").value;

获取执行该行代码时的当前值。input

当用户更改inputs 值时，它不会更新。

如果您希望它做到这一点，您需要向input元素添加一个事件侦听器，该元素在input 事件发生时执行：

var ftemp;

document.getElementById("Farenheit").addEventListener('input', function() {

  ftemp = this.value;

  console.log(ftemp);

})

<input type="number" id="Farenheit">

Answer 2

向 input 元素添加事件侦听器。

document.querySelector('input').addEventListener('keyup',function() {

    console.log(this.value);

});

<input type="number" id="Farenheit" >