フォームの項目でフリガナってっ結構うざい。
同じ内容を２回入力するって言うのがイラっとするんだと思う。

自動で入力する方法が無いかググってみたところ 以下のページで面白い方法をやっていた

  • http://ceo.sourcelab.jp/archives/97

IMEの入力途中の状態が input タグの値に入っているので それをフリガナの input タグに javascript でコピーするという方法。

このページのコードは実験的な物のようなので jQuery プラグインで 書き直してみた。

使い方：

$(function(){ var form1 = document.form1; $(form1.kanji).furikana("init",{target: form1.kana}); }); </script> : <form action="" name="form1"> Kanji:<input name="kanji" value="" /><br/> Kana:<input name="kana" value="" /> </form>

こんな感じになる。

BS 等で破綻した場合は※を入れてバリデーションエラーとなるようにした。

「BS」

不完全ではあるがなんとか実用範囲内の挙動ではないだろうか。

実はこのコードはボツになった。 スマホで日本語入力するとフリガナを全て入力する前に 漢字の候補が決定しまうため全く使い物にならないのだ。

結局、サーバ側の kakasi で変換して戻すことにした (´･ω･`)ｼｮﾎﾞｰﾝ

とは言え、PC用サイトなら御手軽な方法ではあるので残して置こう。

ソース： furikana.js