小粋空間  -  a cheap joke and a play on words site

入力フォームの全角・半角を変換するブックマークレット

入力フォームの全角・半角を変換するブックマークレットを作りました。

「入力フォームの全角・半角を勝手に変換してくれるJavaScript」をエントリーしたところ、はてなブックマークで「ブックマークレットにすれば？」というコメントがあったので、早速作ってみました。

こちらの方がすぐに役立ちそうです。

動作確認はWindows Vista/XP + Filrefox/Chrome/IE9で行ってます。

１．ブックマークレットの使い方

以下のリンクをブックマークして、変換したいフォームフィールドにフォーカスをあてた状態で保存したブックマークをクリックまたは選択すれば、対象の文字が変換されます。

半角→全角

全角→半角

２．ソースコード

ブックマークレットのコードを掲載しておきます。

変換文字の増減や、もう少しきちんとしたコードに直すなど、適宜変更してください。

半角を全角にするブックマークレット（ソースコード）

javascript: (function () {
    var str = document.activeElement;
    str.value = str.value.replace(/[A-Za-z0-9-!"#$%&'()=<>,.?_\[\]{}@^~\\]/g, function (s) {
        return String.fromCharCode(s.charCodeAt(0) + 65248);
    });
})();

全角を半角にするブックマークレット（ソースコード）

javascript: (function () {
    var str = document.activeElement;
    str.value = str.value.replace(/[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g, function (s) {
        return String.fromCharCode(s.charCodeAt(0) - 65248);
    });
})();