从HTML获取值使用带有元素ID的onkeyup函数到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火灾新的密钥被添加到元件的值之前。

Answer 2

去掉

alert("value", value); 逗号并添加alert("value : " + value);

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

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

Answer 3

尝试这个..

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>$(document).ready(
      function() {
          $('#test').keypress(

          function() {
            var values = document.getElementById('test').value;
            alert("value"+values);
          });
      })</script>
</head>
<body>
<input id="test" type="text" value="2">
</body>
</html>

Answer 4

使用keyup并修改警报，如下所示：

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
  $(document).ready(
    function() {
      $('#test').keyup(

        function() {
          var value = document.getElementById('test').value;
          alert(value);
        });
    })

</script>


<input id="test" type="text">

在您的代码中，该事件在按键上触发，因此它采用旧值。 因此，在输入字段为空的情况下，它将警告该空值，而在键入命令的情况下，它将警告该用户已填充的值。

带按键的演示： http : //jsfiddle.net/lotusgodkk/GCu2D/4020/

按键演示： http : //jsfiddle.net/lotusgodkk/GCu2D/4023/

Answer 5

不要将javascript与jquery混合使用，只需要$（this）.val（）即可获取值，请使用keyup（）

 $(document).ready(function() { $('#test').keyup(function() { var _value = $(this).val(); alert("value " + _value); }); })

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

从HTML获取值使用带有元素ID的onkeyup函数到jQuery？

问题描述

5 个解决方案

解决方案1
3 2018-06-18 07:14:32

解决方案2
2 已采纳 2018-06-18 07:19:54

解决方案3
0 2018-06-18 07:15:09

解决方案4
0 2018-06-18 07:15:17

解决方案5
0 2018-06-18 07:17:09

从HTML获取值使用带有元素ID的onkeyup函数到jQuery？

问题描述

5 个解决方案

解决方案1 3 2018-06-18 07:14:32

解决方案2 2 已采纳 2018-06-18 07:19:54

解决方案3 0 2018-06-18 07:15:09

解决方案4 0 2018-06-18 07:15:17

解决方案5 0 2018-06-18 07:17:09

解决方案1
3 2018-06-18 07:14:32

解决方案2
2 已采纳 2018-06-18 07:19:54

解决方案3
0 2018-06-18 07:15:09

解决方案4
0 2018-06-18 07:15:17

解决方案5
0 2018-06-18 07:17:09