閉じる
表示設定
目次
半角文字数を計算するJavaScript(とHTML)のコード
Githubでソース コードをパブリック ドメインで公開しております。
マイクロソフトのBing検索エンジンで「github eliphas1810-tools」などで検索してみてください。
残念ながらグーグル検索エンジンでは検索できません。
(半角記号と半角英数字を含む)ASCII文字、半角カタカナ、ラテン1補助、ラテン文字拡張A、ラテン文字拡張Bを半角文字として文字数を数えます。
全角記号、全角英数字、ひらがな、全角カタカナを全角文字として文字数を数えます。
ラテン1補助、ラテン文字拡張A、ラテン文字拡張B、以外のラテン文字のうち多くは半角文字ですが、一部、全角文字が混在しているため、非対応です。全角文字として文字数を数えてしまいます。
2023年3月16日時点の最新のChromeとFirefoxで動作を確認しました。
コピペする場合は、2文字の全角空白を4文字の半角空白に置換してください。
HalfWidthCounter.htmlなどの適当な名前の空の.htmlファイルの内容にコピペしてから、UTF-8という文字コードで保存し、ChromeやFirefoxといったブラウザで.htmlファイルを見ると、利用できます。
HalfWidthCounter.html
――――――――――――――――――――
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>半角文字数計算</title>
</head>
<body>
<div>
<input type="text" id="text" size="80" />
</div>
<div id="halfWidthCount">半角文字数: 0文字</div>
<div id="fullWidthCount">全角文字数: 0文字</div>
<script>
function $(id) {
return document.getElementById(id);
}
$("text").onkeyup = function () {
var text = $("text").value;
var halfWidthCount = 0;
//ASCII文字の正規表現パターン
//[\u0000-\u007f]
//
//半角カタカナの正規表現パターン
//[｡-ﾟ]
//ラテン1補助、ラテン文字拡張A、ラテン文字拡張Bの正規表現パターン
//[\u0080-\u024F]
//ラテン1補助、ラテン文字拡張A、ラテン文字拡張B、以外のラテン文字のうち多くは半角文字ですが、一部、全角文字が混在しているため、非対応です。
var halfWidthArray = text.match(/[\u0000-\u007f｡-ﾟ\u0080-\u024F]/g);
if (halfWidthArray != null) {
halfWidthCount = halfWidthArray.length;
var fullWidthCount = text.length - halfWidthCount;
$("halfWidthCount").innerHTML = "半角文字数: " + halfWidthCount + "文字";
$("fullWidthCount").innerHTML = "全角文字数: " + fullWidthCount + "文字";
};
</script>
</body>
</html>
ハートをクリックで、簡単に応援の気持ちを伝えられます。（ログインが必要です）
応援したユーザーはいません
応援する
アカウントをお持ちの方はログイン
カクヨムで可能な読書体験をくわしく知る
機能をオンにすると、画面の下部をタップする度に自動的にスクロールして読み進められます。
カクヨムに登録すると作者に思いを届けられます。ぜひ応援してください。
新規ユーザー登録（無料）
カクヨムに登録して、気になる小説の更新を逃さずチェック！
カクヨムに登録して、お気に入り作者の活動を追いかけよう！
応援すると応援コメントも書けます