iPhone Safari でマウスオーバー

質問

iPhone で文字入力する時、指をのせるとその文字が拡大して
放すと文字が入力されるかと思いますが、Safari でそういったことは可能でしょうか。

JavaScript のマウスオーバーとマウスアウトと同じだと思いますが、
試したところ動作しませんでした。

HTML5 でも良いのですが方法があれば教えて頂けると助かりますm(_ _)m

回答No.1

神崎 渉瑠（@taloo）

>iPhone で文字入力する時、指をのせるとその文字が拡大して
>放すと文字が入力されるかと思いますが、Safari でそういったことは可能でしょうか。

よくわかりませんが、
<input type="text">とか<textarea>にすれば、ソフトウェアキーボードが表示されます。

>JavaScript のマウスオーバーとマウスアウトと同じだと思いますが、
>試したところ動作しませんでした。

iPhoneにはマウスはありません。
onclickと、画面を触った時の動作を調べるontouchstart、ontouchmove、ontouchendがありますので、
その組み合わせを使ってください。

ソフトウェアキーボード（フリック入力）をエミュレートしたいなら、
1) ontouchstartで押した場所にキーボードの元になるもの（いわゆるレイヤー）を表示
2) ontouchmoveで移動方向を判断し、その方向にあるキーを選択状態にする
3) ontouchendで決定
です。

よくあるプルダウンメニューのonmouseover、onmousemove、onclick（onmousedown）の処理が、ontouch～に変わったようなものです。

https://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html