JavaScript keypress event not raised on Android browser

Question

I have created a simple code to handle keypress event:

var counter = 0;         $('input').on('keypress', function () {     $('div').text('key pressed ' + ++counter); }); 

JSFiddle.

But keypress event handler is not raised on mobile browser (Android 4+, WindowsPhone 7.5+). What could be the issue?

Answer 1

I believe keypress is deprecated now. You can check in the Dom Level 3 Spec. Using keydown or keyup should work. The spec also recommends that you should use beforeinput instead of keypress but I'm not sure what the support of this is.

Answer 2

Use the keyup event:

// JavaScript: var counter = 0;         document.querySelector('input').addEventListener('keyup', function () {     document.querySelector('div').textContent = `key up ${++counter}`; });  // jQuery: var counter = 0;         $('input').on('keyup', function () {     $('div').text('key up ' + ++counter); });