TopJavaScriptブックマークレット > 2013年8月
2013年8月30日

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

August 30,2013 12:33 AM
Tag:[, ]
Permalink

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

全角・半角を変換するブックマークレット

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

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

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

1.ブックマークレットの使い方

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

半角→全角
全角→半角

2.ソースコード

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

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

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

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(/[A-Za-z0-9-!”#$%&’()=<>,.?_[]{}@^~¥]/g, function (s) {
        return String.fromCharCode(s.charCodeAt(0) - 65248);
    });
})();
Comments [0] | Trackbacks [0]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3