input文本框每4个数字或字母追加空格隔开

按键键码值

键盘事件包含onkeypress onkeydown和onkeyup事件，其中onkeypress事件是在键盘上的某个键被按下并且释放时触发此事件的处理程序，一般用于 键盘上的单键操作。onkeydown事件是在键盘上的某个键被按下时触发此事件的处理程序，一般用于快捷键的操作。onkeyup事件是在键盘上的某个键被按下后松开时触发此事件的处理程序，一般用于快捷键的操作。

按键	键值	按键	键值	按键	键值	按键	键值
A	65	J	74	S	83	1	49
B	66	K	75	T	84	2	50
C	67	L	76	U	85	3	51
D	68	M	77	V	86	4	52
E	69	N	78	W	87	5	53
F	70	O	79	X	88	6	54
G	71	P	80	Y	89	7	55
H	72	Q	81	Z	90	8	56
I	73	R	83	0	48	9	57

按键	键值	按键	键值	按键	键值	按键	键值
0	96	8	104	F1	112	F9	120
1	97	9	105	F2	113	F10	121
2	98	*	106	F3	114	F11	122
3	99	+	107	F4	115	F12	123
4	100	Enter	108	F5	116
5	101	-	109	F6	117
6	102	.	110	F7	118
7	103	/	111	F8	119

按键	键值	按键	键值	按键	键值	按键	键值
Backspace	8	Esc	27	Right Arrow(->)	39	-_	189
Tab	9	Spacebar	32	Down Arrow	40	.>	190
Clear	12	Page Up	33	Insert	45	/?	191
Enter	13	Page Down	34	Delete	46	`~	192
Shift	16	End	35	Num Lock	144	[{	219
Control	17	Home	36	;:	186	\	220
Alt	18	Left Arrow	37	=+	187	]}	221
Cape Lock	20	Up Arrow	38	,<	188	“”	222

  <input type="text" id="oTxt1" maxlength="19" onKeyUp="value=value.replace(/[\W]/g,'')">
// 只能输入数字和字母

<script>	
     var oTxt1 = document.getElementById('oTxt1')
	$("input").bind('keyup mouseout input',function (e) {
		// 判断键盘数字和字母的按键
		if((e.which >= 48 && e.which <= 57) || (e.which >= 96 && e.which <= 105 || (e.which >= 65 && e.which <= 90))){
		// 赋值当前值
        var v = this.value;
        // 正则解析值
        if(/\S{5}/.test(v)){
        				//把当前的值4位后追加空格
            this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
        }
        // 判断 删除键
    }else if(e.which == 46 || e.which == 8 ){
    	// 获取当前光标的下标方法
        function getIndex(){  
            let cursurPosition=-1;
            if(oTxt1.selectionStart){//非IE浏览器
                cursurPosition= oTxt1.selectionStart;
            }else{//IE
                var range = document.selection.createRange();
                range.moveStart("character",-oTxt1.value.length);
                cursurPosition=range.text.length;
            }
            return cursurPosition
        }
        if (getIndex() % 4 == 0) {  //当前光标的位置在空格的后面
            var $this = $(this),
            v = $this.val();
            v = v.slice(0,getIndex()-1)  //重新获取全部的元素进行-1 然后进行删除 相当于减去了两位数
            if(/\S{5}/.test(v)){ 
                this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
            }
        }else{  //否则正常删除
            var $this = $(this),
            v = $this.val(); 
            if(/\S{5}/.test(v)){
                this.value = v.replace(/\s/g, '').replace(/(.{4})/g, "$1 ");
            }
        }
	
	})
</script>