JavaScript KeyDown事件

Question

例如，我有以下功能

function RequestInputType(Input) {
      inputType: Input
}

所以，现在我想调用这个函数，如果按下键，就用一个输入值循环。

      window.addEventListener('keydown', e => {
        if (9 === e.keyCode) {
          e.preventDefault();
             RequestInputType(0)
//i Want it if key is pressed again then switch from RequestInputType(0) to RequestInputType(1)
             RequestInputType(1)
//and if pressed again
              RequestInputType(2)
//and so on
    }, false);

我该怎么做？

Answer 1

您可以创建一个按键计数器。

var keydownCounter = 0;

window.addEventListener('keydown', e => {

  if (9 === e.keyCode) {
     
     e.preventDefault();
     keydownCounter++
 
    
     if(keydownCounter % 3 == 0){
        RequestInputType(0)
     }
     else if(keydownCounter % 3 == 1){
        RequestInputType(1)
     }
     else if(keydownCounter % 3 == 2){
        RequestInputType(2)
     }
   }
},false)

Answer 2

使用全局变量保存要传递给requestInputType()的当前参数。然后，您可以增加它，并在每次调用之后绕一圈。

let curInputType = 0;
let maxInputType = 3;

window.addEventListener('keydown', e => {
  if (9 === e.keyCode) {
    e.preventDefault();
    RequestInputType(curInputType);
    curInputType = (curInputType + 1) % maxInputType;
  }
}, false);