Fire Event before 'focus' kicks in / Fire Event before keyboard appears on iOS

Question

I want to fire off an event before my focus on a textarea (i.e. before the keyboard appears on iOS).

Is this possible?

My code to handle the focus is here:

$(document).on('focus', 'textarea', function() {
    console.log("focus event");
});

score 2 · Accepted Answer · answered Jul 04 '14 at 09:31

2

Try touchstart Event

$(document).on('touchstart', 'textarea', function() {
console.log("touchstart event");
  });

answered Jul 04 '14 at 09:31

Arunkumar

Unfortunately this doesn't work, I fire off an event in there but the keyboard still opens before anything completes. – Gary Jul 04 '14 at 10:22
I might need to re-ask this question in a new format, as the touch start happens when they put their finger down, and the keyboard appears when they lift their finger up. So a standard "touch" on a mobile device is an instant touchstart into blur, at which point the keyboard opens. If there is even the slightest delay, the keyboard does open first (before the code is hit). I've spent a week or so now looking how to control the keyboard appearance but have had no luck. Do you have any ideas please? Will open a new question as well. Thanks – Gary Jul 16 '14 at 13:50

score 2 · Answer 2 · answered Dec 11 '16 at 11:42

I would use the focusin event note that this event catch the child elements focus as well.

focusin: sent before first target element receives focus

$("div").focusin(function(){
    $(this).css("background-color", "#FFFFCC");
});

2 Answers2