Question

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

GtkBuilder

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" />

Answer 1

代码方面，你应该有所作为。

＆＃13;

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

＆＃13;

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

＆＃13;

您问题的最可能原因是页面上有多个输入，ID为＆＃34; test＆＃34;。页面上的每个HTML元素都应具有唯一的ID。

Answer 2

你写的代码似乎很好。

function myFunction() {
  console.log('Key Up Event Triggered')
  var input = document.getElementById('textBox')
  console.log(input)
  console.log('2' + input.value)
  console.log('Key Up Event Performed')
}

<input id="textBox" type="text" placeholder="Insert Text" onkeyup="myFunction()" />

从输入类型文本中获取值

2 个答案: