onkeyup, onkeydown and onpaste events not working on Android devices

Question

I was working on some validations and I need to trigger some functions on onkeyup, onkeydown and onpaste events. However it is not working on Android mobile but working fine on the desktop.

function limitInput(event, length) { const e = event; if ( [8, 9, 13, 37, 38, 39, 40].includes(e.keyCode) || (e.keyCode >= 48 && e.keyCode <= 58) || (e.keyCode >= 96 && e.keyCode <= 105) || ((e.ctrlKey === true || e.metaKey === true) && (e.keyCode === 65 || e.keyCode === 67 || e.keyCode === 86))) { /* Allow it */ } else { /* No valid keyCodes */ } return true; }

<input type="text" class="form-control" onkeydown="limitInput(event, 4)" onkeyup="formatInput(event, 4, '/', 2)" onpaste="formatInput(event, 4, '/', 2, true)" required>

Could anyone please help me with this issue. Thanks in advance!

It is not working on touch device, because touch devices doesn't have a Keyup or down. You should probably use an onchange or oninput listener. Look here for further Event explanation stackoverflow.com/questions/38989559/… — Florian de Ville
– Florian de Ville, Commented May 3, 2019 at 15:57
@FloriandeVille, No its working fine on iOS devices. Only the issue is with the android devices. — panda_heart_3
– panda_heart_3, Commented May 3, 2019 at 17:14

Reza · Accepted Answer · 2019-04-16 15:42:36Z

0

It's better to use e.code instead of e.keyCode;

Based on MDN KeyboardEvent.keyCode:

You should avoid using this if possible; it's been deprecated for some time. Instead, you should use KeyboardEvent.code

Replace it and see whether it's working or not. More info KeyboardEvent.code

answered Apr 16, 2019 at 15:42

Reza

4,0895 gold badges40 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

panda_heart_3 Over a year ago

Can you please help me showing , how to use event.code for numeric validations?

Reza Over a year ago

Reza Over a year ago

More info KeyboardEvent.code

Collectives™ on Stack Overflow

onkeyup, onkeydown and onpaste events not working on Android devices

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related