全角・半角、ひらがな・カタカナ変換をする moji.jsの使い方

npm i @eai/moji

<!-- npmの場合 -->
<script src="./node_modules/@eai/moji/dist/moji.js"></script>

<!-- GitHubの場合 -->
<script src="./moji-master/dist/moji.js"></script>

<!-- CDNの場合 -->
<script src="https://cdn.jsdelivr.net/npm/@eai/moji/dist/moji.min.js"></script>

<script>
  // 全角英数 → 半角英数
  moji('ＡＢＣ１２３').convert('ZEtoHE').toString();
  // → ABC123

  // 半角英数 → 全角英数
  moji('ABC123').convert('HEtoZE').toString();
  // → ＡＢＣ１２３

  // 全角スペース → 半角スペース
  moji('　').convert('ZStoHS').toString();
  // → ' '

  // 半角スペース → 全角スペース
  moji(' ').convert('HStoZS').toString();
  // → '　'

  // ひらがな → カタカナ
  moji('あいうえお').convert('HGtoKK').toString();
  // → アイウエオ

  // カタカナ → ひらがな
  moji('アイウエオ').convert('KKtoHG').toString();
  // → あいうえお

  // 全角カナ → 半角カナ
  moji('アイウエオ').convert('ZKtoHK').toString();
  // → ｱｲｳｴｵ

  // 半角カナ → 全角カナ
  moji('ｱｲｳｴｵ').convert('HKtoZK').toString();
  // → アイウエオ
</script>

moji('   あいうえお   ').string('trim').convert('HGtoKK').toString();
// → 'アイウエオ'

moji('あいうえお').string('replace', 'あい', '愛').convert('HGtoKK').toString();
 // → '愛ウエオ'

// ひらがなに絞り込む
let str = moji('今日は New York でカバディをした').filter('HG').toString();
// → はでをした

// ひらがなを排除する
let str = moji('今日は New York でカバディをした').reject('HG').toString();
// → 今日 New York カバディ

<input type="text" id="email">

<script>
  const email = document.querySelector('#email');

  email.addEventListener('change', function () {
    let emailConv = moji(email.value).convert('ZEtoHE').toString();
    email.value = emailConv;
  });
</script>