https://github.com/harisenbon/autokana
会員登録やECサイトでの配送先の入力などで便利そうと思い使ってみた
HTML
|
1 2 | 姓名：<input type="text" name="name" > フリガナ：<input type="text" name="name_kana" > |
普通にinputタグを設置する
Javascript
|
1 2 3 4 5 6 7 8 9 10 11 12 | $( document ).ready( function() { // 姓名 (カタカナ) $.fn.autoKana( "input[name='name']", "input[name='name_kana']", { katakana : true }); // 住所 (ひらがな) $.fn.autoKana( "input[name='address']", "input[name='address_kana']", { katakana : false }); }); |
$.fn.autoKana( “漢字入力する方”, “フリガナを表示させる方”);
というように記述する。
引数はkatakana(bool)で、trueでカタカナ、falseでひらがなとなる。デフォルトはfalse
感想
打ち込んだキーを取得してフリガナを生成しているようなので、
コピペすると変換されないのが弱点。
とはいえ精度は高いし普通に打ち込むよりは楽なので、登録フォームでの離脱が多い場合などは試してみる価値がありそうだ
