JavaScript如何讓鍵盤按（）通過按鈕的新輸入

標題有點混亂，因爲我覺得很難解釋。基本上，我可以得到1個輸入按鈕，讓一個id函數將一個JavaScript函數存儲到一個變量中，並通過用變量替換一個空的段落標記來顯示它。但是，我不能讓它與具有相同功能的多個按鈕一起工作，因爲我試圖使用按鈕獲取數字鍵盤並顯示結果。我想我需要使用push（）方法以某種方式添加值，然後單擊一個提交按鈕，然後顯示結果字符串。我知道如何使用推送與已知的變量，但我不知道如何與未知變量實現它，但：JavaScript如何讓鍵盤按（）通過按鈕的新輸入

var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
    fruits.push("Kiwi");

不管怎麼說，我的代碼是在這裏，與輸入按鈕與只有1個按鈕我等jQuery的答案是受歡迎的，但我不喜歡jQuery，因爲我在問JavaScript。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Desperate</title> 

<script type="text/javascript"> 

     function othername() { 
    var inputinput = document.getElementById("userInput").value; 
    var n = inputinput.length; 
    document.getElementById("demo").innerHTML = n; 
    } 

</script> 
</head> 
<body> 
<p id="demo"></p> 
<input id="text" type="text"> 
</div> 

     <div> 
      <input id="userInput" type="button" value="1" onclick="othername();" /> 
      <input id="btn2" type="button" value="2" onclick="othername();" /> 
      <input id="btn3" type="button" value="3" onclick="othername();" /> 
     </div> 

</body> 
</html>

非常感謝所有幫助！謝謝！

來源

2017-04-14 Grace

你應該以不同的方式綁定你的onclick事件處理程序。然後，您可以在「othername」函數中檢查傳入事件並獲取單擊元素的值。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Desperate</title> 
 

 
    <script type="text/javascript"> 
 

 
     function othername(e) { 
 
      var n = e.srcElement.value || ''; 
 
      document.getElementById("demo").innerHTML = n; 
 
     } 
 

 
    </script> 
 
</head> 
 
<body> 
 
    <div> 
 
     <p id="demo"></p> 
 
     <input id="text" type="text"> 
 
    </div> 
 

 
    <div id="btns"> 
 
     <input id="userInput" type="button" value="1" /> 
 
     <input id="btn2" type="button" value="2" /> 
 
     <input id="btn3" type="button" value="3" /> 
 
    </div> 
 

 
    <script> 
 
     var btnC = document.getElementById("btns"); 
 
     btnC.onclick = othername; 
 
    </script> 
 

 
</body> 
 
</html>

來源

2017-04-14 16:07:22 gforce301

JavaScript如何讓鍵盤按（）通過按鈕的新輸入

回答

相關問題