javascript - 使用带有元素 id 的 onkeyup 函数从 Html 获取值到 jquery？

Question

当我尝试使用 onkeyup 函数从 html 获取值到 jquery 以通过 ID 获取按键数据时，我尝试了但无法获取警报中的值我不知道我的代码有什么问题。任何人都可以帮助我。

这是我的代码:

$(document).ready(function() {
    $('#test').keypress(function() {
      var value = document.getElementById('test').value;
      alert("value",value);
	});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<input id="test" type="text">

Answer 1

你的逻辑是正确的。问题是因为您向 alert() 提供了两个参数，而它只接受一个参数。

除此之外，您应该使用 console.log 进行调试，并且您可以通过在事件处理程序中使用 this 关键字来访问触发事件的元素。试试这个:

$(document).ready(function() {
  $('#test').keypress(function() {
    var value = $(this).val();
    console.log("value", value);
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="test" type="text">

另请注意，keyup 或 input 可能是更合适的事件，因为 keypress 在新键添加到元素的值。