Javascript .`keypress` 事件未在移动设备上触发

Question

On this page:

http://www.practicalnetworking.net/subnet.html

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?

Answer 1

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 completeness, 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

Answer 2

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

Answer 3

使用oninput:而不是onkeypress: 。