How to use keyboard key codes in Javascript

A simple example that identify which key was press on keyboard by key codes.

For this example, Blogger once against will be the platform to demonstrate.

1. Sign in to Blogger and create new post.

2. Click on HTML tab on formatting bar.

3. Paste the code to the blank page.

4. Click on Compose tab on formatting bar to view the immediate result.

5. Make some adjustment to fit your requirement.

Hello World!!! Try to press any key on keyboard!!!

6. Code snippet.

<script> document.addEventListener("keydown",function(event){keydownFunction()}); //Trigger keydown event and get the event. function keydownFunction() { var key = event.which || event.keyCode; //Get the key codes. switch (key) { //Switch case to identify the key codes. case 40: document.getElementById("keydown").innerHTML = "Down arrow press!!!" break; case 37: document.getElementById("keydown").innerHTML = "Left arrow press!!!"; break; case 38: document.getElementById("keydown").innerHTML = "Up arrow press!!!"; break; case 39: document.getElementById("keydown").innerHTML = "Right arrow press!!!"; break; } } </script>

7. Click save and publish to finalize the result.

8. Keyboard key codes reference, Click here!!