javascript - 从输入类型文本获取值

Question

我正在使用 javascript 并尝试做一件简单的事情。我想在您键入时从输入文本中获取值。但不明白为什么它不起作用

function myFunction() {
  console.log('ok')
  let input = document.getElementById('test')
  console.log(input)
  console.log('2' + input.value)
}

<input class="recherche_field" onkeyup="myFunction()" type="text" id="test" name="search_query" placeholder="Ici" />

无论我在输入中写什么，我的控制台都会显示:

ok
<input class=​"recherche_field" onkeyup=​"myFunction()​" type=​"text" id=​"test" name=​"search_query" placeholder=​"Ici">​
2

Answer 1

就代码而言，您所拥有的应该可以工作。

function myFunc() {
  console.log('keyup');
  const input = document.getElementById("test");
  console.log("2" + input.value);
}

<input id="test" onkeyup="myFunc()" />

问题最可能的原因是页面上有多个 ID 为“test”的输入。页面上的每个 HTML 元素都应该有一个唯一的 ID。