jQuery keypress() Method (original) (raw)

Last Updated : 11 Jul, 2025

**jQuery keypress() method triggers the keypress event whenever the browser registers a keyboard input. So, Using the keypress() method it can be detected if any key is pressed or not.

**NOTE: The keypress event will not trigger for all keys like non-printing characters (e.g. ALT, CTRL, SHIFT, ESC). The keydown() method can be used to check these keys.

**Syntax:

$(selector).keypress(function)  

**Example 1: The below code is used to check if a key is pressed anywhere on the page or not using the keypress() method of jQuery.

HTML `

<script>
    $(document).ready(()=>{
        $(document).
        keypress(function (event) {
        alert('You pressed a key');
    });
    });
</script>

Try pressing any printable character from the keyboard

`

**Output:

**Example 2: The below code example will show you the name of the key pressed by you in the alert message using keypress() method.

HTML `

<script>
    $(document).ready(()=>{
        $(document).
        keypress(function (event) {
        let key = (event.keyCode ? 
                   event.keyCode : 
                   event.which);
        let character = String.
        fromCharCode(key)
        alert('You pressed key : ' 
        + character);
    });
    });
</script>

Try pressing any printable character from the keyboard

`

**Output:

**Example 3: The below example will show an alert message if you click the enter key inside the input box.

HTML `

<script>
    $(document).ready(()=>{
        $('#textbox').
        keypress(function (event) {
            let keycode =
                (event.keyCode ? 
                event.keyCode : 
                event.which);
            if (keycode == '13') {
                alert('You pressed "enter" key in textbox');
            }
            event.stopPropagation();
        });
    });
</script>

Press " Enter key " inside the textbox

`

**Output: