In this tutorial we will see how to Detect Shift Keypress with jQuery. The jQuery keyup() method and KeyboardEvent which Property can be used to detect the Shift keypress event.
Table of Contents
HTML Code
HTML code is given below, in this code we have a simple HTML document.
<!DOCTYPE html>
<html>
<head>
<title>Detect Shift Keypress with jQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
</body>
</html>
JQuery Code
JQuery Code is given below, in this code jQuery selector is used to select the main document or HTML page, then keyup() method is used to bind the keypress event with the HTML document. This will make sure that a function is always executed whenever a key is pressed on a page.
Inside this function which Property is used to check which key is pressed. which Property returns the Unicode value of the key that has triggered the event.
Note: 16 is key code or unicode of Shift key.
<script>
$(document).keyup(function(event) {
if (event.which == 16)
{
alert('Shift Key is Pressed!');
}
});
</script>
Demo
Video Tutorial
Watch video tutorial on how to Detect Shift Keypress with jQuery.