從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