如何通过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