js 将input框中的输入自动转化成半角大写（税号输入框）

这两天出了这么一个需求，输入税号的时候，需要自动将其转化为半角大写，并且阻止标点符号中文汉字的输入。（下面会有：全半角转换、文本框选中、光标位置判断、设置光标位置 这些内容）

然后我就开始了慢慢查找资料之路。

首先查了全半角的区别以及如何转化。

var str = "中文;；ａ";for (var i = 0; i < str.length; i++) { if (str[i].match(/[/u0000-/u00ff]/)) { console.log("半角字符"); } else if (str[i].match(/[/uff00-/uffff]/)) { console.log("全角字符 " + str[i] + " " + toSBC(str[i])); } else { console.log(str[i]); // 除了数字英文之外的文本，包括中文等各国文字。 }}

这是两者的区别，将文字转成unicode之后，进行比较即可，两者均有自己的范围，半角为0x20~0x7E，全角为0xFF01~0xFF5E。（这是16进制，前面的0x是代表是16进制）

转化的话除了空格不同之外，其他均为全角-半角=65248（0xFEE0）

具体的转化函数如下：（这是网上的一种比较靠谱的方法，但是网上的方法普遍把SBC和DBC写反了，我这里纠正了一下。）

// 转全角字符function toSBC(str) { var result = ""; var len = str.length; for (var i = 0; i < len; i++) { var cCode = str.charCodeAt(i); //全角与半角相差（除空格外）：65248(十进制) cCode = (cCode>=0x0021 && cCode<=0x007E)?(cCode + 65248) : cCode; //处理空格 cCode = (cCode==0x0020)?0x03000:cCode; result += String.fromCharCode(cCode); } return result;}// 转半角字符function toDBC(str) { var result = ""; var len = str.length; for (var i = 0; i < len; i++) { var cCode = str.charCodeAt(i); //全角与半角相差（除空格外）：65248（十进制） cCode = (cCode>=0xFF01 && cCode<=0xFF5E)?(cCode - 65248) : cCode; //处理空格 cCode = (cCode==0x03000)?0x0020:cCode; result += String.fromCharCode(cCode); } return result;}

全角半角的区别也找完了，开始想办法转化，用的是input方法。

var oldValue = "";var $thisDom; // 假装有jquery的dom元素$thisDom.unbind().bind("input", function (e) { var reg = /^[0-9A-Za-z]*$/; var str = toDBC(e.target.value).toUpperCase(); if (reg.test(str)) { oldValue = str; $(this).val(str); } else { $(this).val(oldValue); }});

但是有一个问题，那就是光标有问题，始终在最后一位输入的时候没问题，但是在中间输入，光标始终会跳到最后一位。于是又有了下面的光标相关知识。

在网上找到了下列相关代码，用来控制光标位置。

function getCursortPosition(ctrl){ var CaretPos = 0; if (document.selection) { ctrl.focus(); var Sel = document.selection.createRange(); Sel.moveStart('character', -ctrl.value.length); CaretPos = Sel.text.length; } else if (ctrl.selectionStart || ctrl.selectionStart == '0') { CaretPos = ctrl.selectionStart; } return (CaretPos);}function setCaretPosition(ctrl, pos){ if (ctrl.setSelectionRange) { ctrl.focus(); ctrl.setSelectionRange(pos, pos); } else if (ctrl.createTextRange) { var range = ctrl.createTextRange(); range.collapse(true); range.moveEnd('character', pos); range.moveStart('character', pos); range.select(); }}