テキストボックスに文字を入力してフォーカスを外すと文字が変換されます。
全角→半角 |
|
半角→全角 |
|
ひらがな→カタカナ |
|
カタカナ→ひらがな |
|
ひらがな→半角カタカナ |
|
半角カタカナ→ひらがな |
ZIPファイルを解凍後、使用したいメソッドのJSファイルを任意のディレクトリに配置し、
本機能を実装したいhtmlでJSファイルを読み込む。
<!-- 全角を半角に変換 -->
<script type="text/javascript" src="js/full2half.js"></script>
<!-- 半角を全角に変換 -->
<script type="text/javascript" src="js/half2full.js"></script>
<!-- ひらがなをカタカナに変換 -->
<script type="text/javascript" src="js/hira2kata.js"></script>
<!-- カタカナをひらがなに変換 -->
<script type="text/javascript" src="js/kata2hira.js"></script>
これで、Stringクラスのメソッドとして以下が使用可能となります。
このサンプルでは以下ソースのように使用しています。
function convertKana(type, id) {
var input = document.getElementById(id);
switch (type) {
case 'zen2han':
input.value = input.value.full2half();
break;
case 'han2zen':
input.value = input.value.half2full();
break;
case 'hira2kata':
input.value = input.value.hira2kata();
break;
case 'kata2hira':
input.value = input.value.kata2hira();
break;
case 'hira2hankata':
input.value = input.value.hira2kata().full2half();
break;
case 'hankata2hira':
input.value = input.value.half2full().kata2hira();
break;
default:
break;
}
}