javascript detect keystroke code example

Example 1: how to detect a keypress in javascript

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

Example 2: how do i listen to a keypress in javascript

let b = document.getElementById("body"); //making var for body
b.addEventListener("keydown", (evt) => {//when this happens
	console.log(evt.keyCode); //log keycode
});

Example 3: 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";
});

Tags:

Html Example

Related