CODEWITHSUNDEEP
javascriptiphone
Gazzer
Gazzer

Reputation: 4646

How can I catch an event from the keyboard on an iPhone web app?

This would seem to be easy but there is a big complication I cannot get around. If I use $('input').onkeyup I do indeed get the events, but the problem lies with autocorrection and Japanese kanji input (with the latter a list of suggestions are given of the correct kanji and you click that to convert the roman input, however the clicking doesn't catch an $('input').onkeyup, and the focus doesn't change. See here, click the left blue and the form changes to that:

alt text

These elements look like they are HTML elements (the 'autocorrect' or 'kanji') but I can't see how to actually get what they are, as they only appear in the simulator, not in Safari proper.

Failing that, is there a simple way to do a 'click anywhere' plus check to see if the 'input' has focus, yet wasn't the place actually clicked?

Upvotes: 2

Views: 1374

Answers (1)

mczepiel
mczepiel

Reputation: 711

Haven't tested this myself but I would expect that particular flow to dispatch a "textInput" event, in webkit at least.

http://www.w3.org/TR/DOM-Level-3-Events/#event-type-textInput

Specifically, you would expect this type of event "from the processing of an input method editor" that sounds exactly like your situation. You may need to inspect the extra properties on the event to find out information about the actual input.

Additional information about this event can be found here: http://unixpapa.com/js/key.html

Edit: Note that this event will probably only work with the standard addEventListener approach, not a simple handler attribute setting as you have done with element.onkeyup

Edit: Also worth checking out the "composition" event types listed in the first document I linked as well. There may be some overlap depending upon exactly what event you want to handle.

Upvotes: 1

Related Questions