【JavaScript】自動カナ入力

Tweet

Category JavaScript 2014/02/09

問題

名前を入力したら、フリガナも自動入力して欲しい！

答え

jquery.autoKana.js が使える。

https://github.com/harisenbon/autokana

入力中の文字を全角ひらがな、または全角カナにはしてくれる（一番面倒なイベント系は全部これに任せる）。

Demo

半角カナにしたい！

全角カナに変換しているところで半角に変換するカスタマイズをするとできた。

参考

AutoRuby.js（prototype.jsベースのフリガナ自動変換スクリプト）

autoKana.js

jquery.autoKana.js（autoKana.jsをjQueryベースに書き換えたもの）