Question

我正在尝试从输入中读取一个值，以验证它是否是我选择的特定数量。到目前为止，我得到的是：

const input = document.getElementById('input');
var val = parseInt(input.value);

input.addEventListener('input', () => {
	if(val == 1){
  	alert('test')
  }
})

<input id="input">

但是它不能按预期工作。这里几乎没有任何代码，因此解决方案必须简单，但我找不到它，任何帮助将不胜感激。

Answer 1

输入

const input = document.getElementById('input');

var val = parseInt(input.value);

在下面的侦听器内部

input.addEventListener('input', () => {
  const input = document.getElementById('input');
  var val = parseInt(input.value);
  if(val == 1){
    alert('test')
  }
})

<input id="input">

Answer 2

尝试在type中使用input属性。

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

然后在JavaScript中，使用input.innerHTML而不是input.value，这样它将返回最新的值。而且'input'不是JavaScript事件。

input.addEventListener('oninput', function () {});
//Or, The Way I Would Prefer:
input.addEventListener('onchange', function () {});

验证输入值

2 个答案: