Text Fieldへのオートコンプリート

JQuery Mobileは元々AutoCompleteの機能がありますが、 こちらはlistをテキスト入力でフィルタリングして選択するような形なので、railsなどを使っている場合には通常のinput type=“text”の形のテキストフィールドで 自動補完を効かせたい場合があります。

JQuery Mobile用のプラグインとして開発してくださっている方がいらっしゃいました。

ですが、iphoneなどのiosのブラウザでは日本語の入力補完がうまく動作しません。

[“東京大学”,“東京理科大学”,“東京農業大学”] から入力補完を行う場合

“東京”と変換を終えた時点で上記3つが出てほしいですが、出ません。

1文字消したりするとイベントが飛んで表示されます。

これは変換完了後のリータンボタンを押下時になんのイベントも飛んでいないためのようなので、 根本的な解決策はなさそうです。

回避策としてはsetIntervalで一定時間毎に自動補完のメソッドをまわすと一見すると自動補完が 入力に合わせて行われているように見えます。

Androidも同じような(イベントが飛ぶ端末もある)状況になりますが、同じ回避策で回避可能でした。

ui/ui_set/jquerymobile/text_autocomplete.txt · 最終更新: 2013/03/07 11:03 by enibloadmin
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0