自動フリガナ入力をするVanilla JSライブラリ
Vanilla JS リメイク版 "jquery.autoKana2.js".
このJavascriptは、Very Pinchさんが作成した、autoKana2 1.0.31 を、Vanilla JS (ライブラリに依存しない素のJavascript)にリメイクしたものです。
jQueryがなくても動作し、他のライブラリやテンプレートと競合しません。
入力欄Aに対して入力された文字のカナを自動的に取り出して入力欄Bに反映します。
ダウンロードしたdist/autoKana2-vanilla.min.jsを自身の使用したいディレクトリに配置して使用して下さい。
CDNを利用すると、jsファイルの設置は不要になります。
- local
<script src="autoKana2-vanilla.min.js"></script>
- CDN
<script src="//cdn.jsdelivr.net/gh/GakutoMatsumura/autoKana2-vanilla@main/dist/autoKana2-vanilla.min.js"></script>
<input id="kanji_input_id" name="kanji" type="text">
<input id="kana_input_id" name="kana" type="text">
<script>
document.addEventListener("DOMContentLoaded", function(e) {
autoKana("#kanji_input_id","#kana_input_id", {
katakana: true,
notSupportAlert: false,
emptyInputCallback: function () { return true; }//戻り値にtrueを指定すると、空欄時にカナ欄をリセット。falseを指定するとそのまま過去のカナが残る
});
});
</script>
Option | Type | Default | Description |
---|---|---|---|
katakana | bool | true | カタカナにする。falseでひらがなに。 |
notSupportAlert | bool | false | ルビ変換がサポート外の場合にアラートを出す。 |
emptyInputCallback | function | return true | trueを返す場合に、入力欄が空の場合カナ欄も空にリセットする。 |
- jQuery不要
- emptyInputCallbackの戻り値がtrueの場合、バックスペースやデリート時に、入力欄が空の場合カナ欄も空にリセットする
- かな入力における、濁点半濁点がカナ欄に適用されるように修正
- かな入力における、全角の濁点半濁点文字「゛゜」があると変換がストップしてしまう問題の修正
- サポート外の際、アラートを出すかどうかのオプションを追加
demo.html sample page (en.thilmera.com)
- Gakuto Matsumura
project site : t7GithubJS (en.thilmera.com)
- Very.Pinch
thank you.
MIT License