Keypress in JavaScript

Question

Keypress in JavaScript

Consider the function below:

function CheckInputType(Input) {
      inputType: Input
}

If a key is pressed, I want to cycle through different input values like this:

      window.addEventListener('keydown', e => {
        if (9 === e.keyCode) {
          e.preventDefault();
             CheckInputType(0)
//Switch from 0 to 1 when key is pressed again
             CheckInputType(1)
//Switch from 1 to 2 when key is pressed again
              CheckInputType(2)
//And so on
    }, false);

How can I achieve this functionality?

javascript

Answer 1

Answer №1

Here is a handy script to track keydown events with a counter.

let keyPressedCounter = 0;

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

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

Answer 2

Here is a handy script to track keydown events with a counter.

let keyPressedCounter = 0;

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

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

Answer 3

Answer №2

Using a global variable to store the current argument for requestInputType() allows for easy incrementing and wrapping around after each call.

let currentArg = 0;
let maxArgs = 3;

window.addEventListener('keydown', event => {
  if (event.keyCode === 9) {
    event.preventDefault();
    requestInputType(currentArg);
    currentArg = (currentArg + 1) % maxArgs;
  }
}, false);

Answer 4

Using a global variable to store the current argument for requestInputType() allows for easy incrementing and wrapping around after each call.

let currentArg = 0;
let maxArgs = 3;

window.addEventListener('keydown', event => {
  if (event.keyCode === 9) {
    event.preventDefault();
    requestInputType(currentArg);
    currentArg = (currentArg + 1) % maxArgs;
  }
}, false);

Keypress in JavaScript

Answer №1

Answer №2

Similar questions

JavaScript's wildcard character, *, in a regular expression will always match something

AWS - lambda is unable to assume the defined role for the function due to restrictions

Deselect Certain Categories of Automatically Generated Tick Boxes

My components views are not being rendered in Angular 4

Highlighting JavaScript code with React Syntax Highlighter exclusively

organizing the div based on the given data

Why is the jQuery Ajax AutoComplete feature not functioning properly?

What steps can be taken to ensure that the application loading process is not reliant on web service

Implementing Observable in NativeScript with TypeScript - A Step-by-Step Guide

Tips on removing previously selected files from a Bootstrap 4 input file

In search of a tool that enables horizontal scrolling of content

Guide to personalizing the ngxDaterangepickerMd calendaring component

Order of callback execution in jQuery's ready function

Dynamic jQuery backstretch feature: automatic image cycling and reversing

Is it necessary to call detach() in rangy?

Dealing with infinite loop while verifying cookie in angularjs

Struggling with navigating through multiple pages in Python using Selenium? It seems like it's only able to retrieve information from either the

"Exploring the use of conditional rendering in React to dynamically hide and show components based

Utilize moment.js to format a datetime and display the corresponding timezone

The use of jQuery.parseJSON is ineffective for a specific string