如何从onkeyup获得价值?

Question

如何获得随用户数据改变的输入值到javascript函数?我不能用onchange来做。我的示例代码块如下:

谢谢. .

• 初始值必须为0。
• 需要在demo()函数中给变量赋值。

<input type="text" name="from" id="from" value="0"/>
<input type="text" name="to" id="to" value="0"/>

jsfiddle演示

function demo() {

var x = document.getElementById("from").getAttribute('value');
var y = document.getElementById("to").getAttribute('value');
console.log(x, y);
}

Answer 1

这里有一种方法可以在每次更改时在demo中获取新值:

function demo() {
const from = document.getElementById("from");
console.log(from.value);
}

<input type="text" name="from" id="from" value="0" onkeyup="demo()" />

Answer 2

例如，您可以这样做:

function demo() {

var x = document.getElementById("from");
var y = document.getElementById("to");

x.addEventListener('input', function(evt) {
console.log('x='  + evt.target.value);
});


y.addEventListener('input', function(evt) {
console.log('y='  + evt.target.value);
});
}

https://jsfiddle.net/6nr2zk9h/