Javascript .`keypress` event not firing on mobile device - Stack Overflow

admin管理员组

文章数量:1339770

On this page:

/

If you click on any of the input boxes in the "IP Address" column, and press the "." or "/" keys (period or slash) it jumps you to the next input box.

Or at least, it does on a desktop browser. On a mobile browser, it doesn't seem to register the onkeypress event.

This is the code that is enabling the "jump" on period or slash presses:

        // Function to jump to next box on . or / keys
        function jumpdot(event) {
            // Capture pressed key:
            var y = event.key;

            if (y == "." || y == "/" ) {
                // . or / was pressed, jump to next userinput box and prevent typing of . or /
                event.preventDefault();
                document.getElementsByName(uiNext)[0].focus();
            }
        }

Is there an easy way to enable that functionality on Mobile phones as well?

edit: Updated website URL

On this page:

https://subnetipv4./

If you click on any of the input boxes in the "IP Address" column, and press the "." or "/" keys (period or slash) it jumps you to the next input box.

Or at least, it does on a desktop browser. On a mobile browser, it doesn't seem to register the onkeypress event.

This is the code that is enabling the "jump" on period or slash presses:

        // Function to jump to next box on . or / keys
        function jumpdot(event) {
            // Capture pressed key:
            var y = event.key;

            if (y == "." || y == "/" ) {
                // . or / was pressed, jump to next userinput box and prevent typing of . or /
                event.preventDefault();
                document.getElementsByName(uiNext)[0].focus();
            }
        }

Is there an easy way to enable that functionality on Mobile phones as well?

edit: Updated website URL

• javascript
• mobile
• onkeypress

Share Improve this question Follow edited Nov 15, 2022 at 16:36 Eddie asked Apr 24, 2018 at 2:30 EddieEddie 40811 gold badge55 silver badges1717 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

The keypress event is marked as Legacy in the DOM-Level-3 Standard.

Warning. The keypress event type is defined in this specification for reference and pleteness, but this specification deprecates the use of this event type.

Use the keydown event instead. Info: Keydown Event in Mozilla Developer

You should also consider ...

KeyboardEvent.which : Warning: This attribute is deprecated; you should use KeyboardEvent.key instead, if available.

KeyboardEvent.keyCode : Warning: This attribute is deprecated; you should use KeyboardEvent.key instead, if available.

To read the pressed Key , use instead event.key

ev.keyCode can be helpful. That provides more info about a keystroke.

Use oninput: instead of onkeypress:.

本文标签： Javascript keypress event not firing on mobile deviceStack Overflow