jQuery keypress event not working on mobile device

Asked Aug 01 '18 at 05:56

Active Aug 01 '18 at 05:57

Viewed 390 times

I'm trying to restrict a field to input specific values like only floats, i'm using keypress event to handle it. It is working fine on desktop browser but not working on mobile devices. I'm using android

    $(function() {
    $(document.body).on('keypress', '.number-only', function (evt) {
        var charCode = (evt.which) ? evt.which : event.keyCode;
        var value = $(this).val();
        var dotcontains = value.indexOf(".") != -1;
        if (dotcontains){
            if (charCode == 46) return false;
        }
        if (charCode == 46){
            return true;
        }
        if(charCode > 31 && (charCode < 48 || charCode > 57)){
            return false;
        }
        return true;
    });
});

edited Aug 01 '18 at 05:57

Gautam Surani

1,136
10
21

asked Aug 01 '18 at 05:56

Asad Iqbal

Have you tried the `keyup` event instead? – Rohit Sharma Aug 01 '18 at 06:00
yes, but not working as well – Asad Iqbal Aug 01 '18 at 06:01
If you are using chrome browser on mobile: https://stackoverflow.com/questions/22473950/keypress-event-not-firing-in-android-mobilehttps://stackoverflow.com/questions/22473950/keypress-event-not-firing-in-android-mobile – Rohit Sharma Aug 01 '18 at 06:04
yes i'm using chrome – Asad Iqbal Aug 01 '18 at 06:06
Look here: https://stackoverflow.com/a/25826882/6588498 – Rohit Sharma Aug 01 '18 at 06:07
Keyboard events work differently in different devices. please go through the link https://www.outsystems.com/blog/javascript-events-unmasked-how-to-create-input-mask-for-mobile.html – Cryptex Technologies Aug 01 '18 at 06:07
@CryptexTechnologies this solution works fine, but we can't enter floating values. – Asad Iqbal Aug 01 '18 at 06:43

jQuery keypress event not working on mobile device

0 Answers0