Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iOS 9 - keyup event not firing

Is anybody else having problems with the keyup event in iOS 9 not firing?

Just a simple test bed replicates the issue for me.

<input id="txtInput" />

Vanilla JS:

document.getElementById('txtInput').onkeyup = function () {
    console.log('keyup triggered');
}

jQuery:

$('#txtInput').on('keyup', function () {
    console.log('keyup triggered');
});

Neither fire...

like image 889
keldar Avatar asked Oct 15 '15 15:10

keldar


2 Answers

$('#yourid').bind('keypress', function(e) {
    // This will work
});
like image 132
Karuppasamy Pandian Avatar answered Sep 22 '22 13:09

Karuppasamy Pandian


I suggest using the keypress event on browsers with touch screens. I know that you can't really detect touch screen screens, though, so it leaves you with a few options that your situation will likely dictate.

  1. Attach both events keyup and keypress. This would likely be dependent on how much processing is going on and if you are getting double-fires in some browsers.
  2. Attempt to determine whether the browser is a touch screen (like using Modernizr), and then attach a fallback handler like change.

Either way, you end up with two event listeners.

like image 35
bassplayer7 Avatar answered Sep 23 '22 13:09

bassplayer7