window.addEventListener("keydown", function(event) {
if (event.key == 'key') {
// do thing
}
});
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 !)
document.addEventListener("keypress", function(e) {
e = e || window.event;
// Add scripts here
e.keyCode; // -> returns the keycode of the key that triggered the event
e.key.toString(); // -> returns the ASCII character of the key that triggered the event
});
// 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";
});