CODEWITHSUNDEEP
javascriptjquery
Aarón Gutiérrez
Aarón Gutiérrez

Reputation: 1430

keyup, keydown and keypress events not working on mobile

I have been trying to get this to work but I don't know what's going on, the code I have:

$('#buscar-producto').on('keydown', function(e){
    console.log('hello');
    console.log(e.keyCode);
});

It works on computers, but not on mobile..

EDIT: I need to get the keyCode when a key is pressed...

Upvotes: 12

Views: 52230

Answers (2)

Abdul Wajid
Abdul Wajid

Reputation: 61

You can try event.key, event.keyCode, event.which.

If above all not working then you can try event.target.value.splice(-1)

Upvotes: 1

Roko C. Buljan
Roko C. Buljan

Reputation: 206102

keydown should work, but you could use the input event which seems to have undesired effects on Android mobile...
To get the code of the pressed key use the jQuery's normalized Event.which

Android Chrome tested:

Using input Event (e.which gives always 0 so it seems like a bug on android devices)

jQuery(function($) { // DOM ready and $ alias secured

  $('#buscar-producto').on('input', function(e){
    var key = e.which || this.value.substr(-1).charCodeAt(0);
    alert( key )
  });

});
<input type="text" id="buscar-producto" placeholder="Buscar...">

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

Using keydown (works as expected)

jQuery(function($) { // DOM ready and $ alias secured

  $('#buscar-producto').on('keydown', function(e){
    alert( e.which );
  });

});
<input type="text" id="buscar-producto" placeholder="Buscar...">

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

Upvotes: 13

Related Questions