With the same process, you can detect any key press on the keyboard. But I think switch case statement is more readable and easy way then if statement. If you want, then you can also use if statement. In our code, we have used switch case statement instead of if statement. If you test the code on your browser, you will see the alert box whenever you press one of the arrow keys. Make a div element draggable using jQuery UI As you can see, the code we have is just of few lines and simple enough but do a lot of performance. This code is supported by most of the modern web browser including Chrome, Firefox Safari etc. You can see the video tutorial from here if you wish:Īfter you place the above JavaScript code you can test your HTML file on your browser. Here we will use onkeydown JavaScript event so that when the user presses one of the arrow keys, it will be detected by our javaScript. We are going to use these key codes in our JavaScript code.

Left arrow key has the key code 37, up arrow key has code 38, the right key has the code 39 and the down arrow key has the key code 40. These keys also have their unique key code that can be used by JavaScript to detect if these keys pressed or not.Ĭopy text to clipboard on click using JavaScriptĭisable right click, copy, cut on web page using jQuery

We can see left, right, up and download keys on our keyboard. Well, on our keyboard there are four arrow keys. Here we are going to detect if arrow key pressed. Before we go forward we should get some information.Įvery key on the keyboard has a unique key code. In this post, we are going to see how to detect if arrow key pressed from the keyboard using JavaScript with example code snippets.

Key code javascript