HTMLの入力フォームで半角英数字を全角文字に変換するJavaScript。

コンピュータ

JavaScript

2021.10.22

今時分、半角文字と全角文字を気にする場面も少なくなりましたが、必要になる場面がありましたのでJavaScriptで実装する方法を調べて試作してみました。

サンプルフォーム

コード（抜粋、要jQery)

<div>サンプルフォーム
<input type="text" id="hoge" />
</div>

$(function(){
  $("#hoge").on("change",function(){
    var  str = $("#hoge").val();
    str = str.replace(/[!-~]/g, function (s) {
      return String.fromCharCode(s.charCodeAt(0) + 0xFEE0);
    });
    $("#hoge").val(str);
  });
});

半角英数字の文字コードに0xFEE0を加算することで一気に全角文字にしています。

同様に、半角カナなどに対応する場合は各文字ごとの対応表を作って置き換える必要があるようです。

参考にさせていただいたサイト
[JavaScript] 全角⇔半角の変換を行う（英数字、カタカナ）