テスト - フリガナ自動入力

動作サンプル


JSが適用されたinput要素1

文字種:カタカナ/入力形式:自動挿入 名前:
カナ:

JSが適用されたinput要素2

文字種:ひらがな/入力形式:自動挿入 名前:
かな:

JSが適用されたinput要素3

文字種:カタカナ/入力形式:チェックボックス 名前:
カナ:

JSが適用されたinput要素4

文字種:ひらがな/入力形式:チェックボックス(デフォルトチェック) 名前:
かな:

JSが適用されたinput要素5

文字種:カタカナ/入力形式:ボタン 名前:
カナ:

JSが適用されていないinput要素

名前:
カナ:

javascriptの設定

25行目付近の設定値に、本JSの対象とする要素のname属性と文字種・入力形式をセットする。

入力文字種には、
 ・ひらがな:ktxConstant.letterType.hiragana
 ・カタカナ:ktxConstant.letterType.katakana
のいずれかをセットする。
また、入力形式には、
 ・自動:ktxConstant.insertType.auto
 ・チェックボックス:ktxConstant.insertType.check
 ・チェックボックス(デフォルトチェック):ktxConstant.insertType.checked
 ・ボタン:ktxConstant.insertType.button
のいずれかをセットする。
対象input要素を減らす場合は、不要な行を削除orコメントアウトする。
//-----------------------------------------
// 対象要素
//-----------------------------------------
[ 名前のinput要素のname属性,対応するカナのinput要素のname属性,文字種(ひらがなorカタカナ),入力形式 ]
target : [
	[ 'name1', 'kana1', ktxConstant.letterType.katakana, ktxConstant.insertType.auto ],
	[ 'name2', 'kana2', ktxConstant.letterType.hiragana, ktxConstant.insertType.auto ],
	//[ 'name3', 'kana3', ktxConstant.letterType.katakana, ktxConstant.insertType.check ],  削除行
	[ 'name4', 'kana4', ktxConstant.letterType.hiragana, ktxConstant.insertType.checked ],
	[ 'name5', 'kana5', ktxConstant.letterType.katakana, ktxConstant.insertType.button ]
],

30~38行目付近の設定値に、チェックボックス・ボタンに表示する文字列をセットする。

入力形式でチェックボックス・チェックボックス(デフォルトチェック)・ボタンを指定した場合のみ必須
//-----------------------------------------
// 設定値
//-----------------------------------------
conf : {
	labelStrHiragana : 'ふりがなを自動挿入する', // チェックボックスに表示する文字列(ひらがな)
	labelStrKatakana : 'フリガナを自動挿入する', // チェックボックスに表示する文字列(カタカナ)
	buttonStrHiragana : '名前からふりがなを挿入する', // ボタンに表示する文字列(ひらがな)
	buttonStrKatakana : '名前からフリガナを挿入する', // ボタンに表示する文字列(カタカナ)