detect keypress javascript code example

Example 1: keypress javascript

The keypress event has been deprecated, 
you should look to use beforeinput : https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforeinput_event
or keydown : https://developer.mozilla.org/en-US/docs/Web/API/Document/keydown_event
instead.

(And don't forget to like answers that help you !)

Example 2: detect keypress javascript

document.addEventListener("keypress", function onEvent(event) {
    if (event.key === "ArrowLeft") {
        // Move Left
    }
    else if (event.key === "Enter") {
        // Open Menu...
    }
});

Example 3: js when key is pressed

document.addEventListener("keypress", function(event) {
	// do stuff
});

Example 4: how to detect a keypress in javascript

window.addEventListener("keydown", (event) => {
	console.log(event.key);
});

Example 5: html onkeypress

<input type="text" onkeypress="myFunction()">

Example 6: if keypress javascript

// Create your variable and asssign it to your ID or Class in the document using document.querySelector.
let name = document.querySelector('#exampleInputEmail1');

// Now use your variable and add an event listener to it plus your keypress, event and styling
name.addEventListener("keypress", (event) => {
   name.style.border = "3px solid #28a745";
});