autoKanaの使い方

autoKanaの使用方法をご紹介しています。
autoKanaは入力欄に入力したときに他の入力欄に自動的にカナを入力するjQueryライブラリです。

公式サイト

  • ※ このライブラリは、jQueryが別途必要です。

デモ

ダウンロードと設置

こちらから「jquery.autoKana.js」をダウンロードし任意の場所に設置します。

また、jQueryが別途必要ですので、jQueryが設置されていない場合は、こちらからダウンロードして任意の場所に設置してください。

JavaScriptの読み込み

以下のタグを<head>内に記述します。
パスは環境により変更してください。

HTML

適用方法

第一引数に氏名など入力元の要素、第二引数にカナとして自動的に入力を行う要素をセレクターで指定します。
第三引数でオプションを指定します。詳細はこちらを参照してください。

JavaScript

HTML

オプション

次のオプションが用意されています。

プロパティ 初期値 設定可能値 説明
katakana false true, false 自動入力する文字をカタカナで入力するかどうか。
初期値では、ひらがなで自動入力される。

JavaScript