如何通過Javascript更改輸入[input = type]的值？

Question

我已經有一系列的按鍵事件來觸發一些聲音，運行倒數時鍾等等。

我還想分配鍵碼來更改幾個input[type=number]值，通過每次按-1 / + 1的增量來減去或增加值。 我進行了一些搜索，但無法真正給我最終的指南。

這是標題中的內容。

function runScript(e){
if(e.keyCode == 32 && e.shiftKey){
   gameclock();
}}

和我的HTML上

<body onkeydown="runScript(event)"> 
...
<input id="whateverID1" type="number" value="00">

假設我要通過按=添加#whateverID1值，並通過按-減去#whateverID1值，請欣賞有關如何實現該目標的任何指南。 非常感謝你。

我已經嘗試過了，但是似乎沒有用。

var CounterName = 0; 
if(e.keyCode == 49 ) {
document.getElementById('whateverID1').value = ++CounterName;
} 
if(e.keyCode == 50 ) { 
document.getElementById('whateverID1').value = --CounterName; 
}

Answer 1

首先，在HTML中使用onclick / onkeydown東西通常是不好的做法。 相反，給元素一個id或類，然后從JS添加一個eventListener。

請在下面嘗試以下操作，jsfiddle正在運行，並且應該讓您執行所需的操作：

document.getElementById("bodyId").addEventListener("keydown", function (event) {
  var CounterName = 1;
  var currentValue = parseInt(document.getElementById('whateverID1').value);

  if(event.keyCode == 187) {
    document.getElementById('whateverID1').value = currentValue + CounterName;
  }
  else if(event.keyCode == 189) { 
    document.getElementById('whateverID1').value = currentValue - CounterName;
  }
});

http://jsfiddle.net/Maxmaxs5/7thqo0zs/7/

如果這樣做有幫助或您需要其他任何幫助，請告訴我！

如何通過Javascript更改輸入[input = type]的值？

問題描述

1 個解決方案

解決方案1
2 已采納 2018-08-05 03:47:10

如何通過Javascript更改輸入[input = type]的值？

問題描述

1 個解決方案

解決方案1 2 已采納 2018-08-05 03:47:10

解決方案1
2 已采納 2018-08-05 03:47:10