微信小程序input每四位空格分隔及光标位置问题

最毕首并近刚开始做小程序，有个需求是：用户输入兑换码时每四位用空格分隔，然后有焦点且有值时显示删除按钮，失焦手迹点时隐藏删除按钮

话不多说先开始做芹友，每四位用空格分隔简单：

给input标签绑定bindinput事件，然后在事件里处理

这时候遇到了一个问题，就是从中间删除或输入的时候，光标会置后，跑到最后面...

一个空格通常占2个字符，但有些特殊情况占用3个字符。

在程序中，空格占用的字符数取决于程序使用的字符集，如：

1、使用多字节字符集时蠢链册，半角空格占用1个字节，全角空格占用2个字节。

2、使用Unicode字符集时，半角空格占用2个字节，全角空格占用2个字节。

在文件中，空格占用的字符数取决于保存文件时使用的编码，如：

1、保存成ANSI编码的文件时，半角空格占用1个字节，全角空格占用2个字节。

2、保存成UTF8编码的文件时，半角空格占用1个字节，全角空格占用3个字节。

3、保存成Unicode编码的文件时，半角空格占用2个字节，全角空格占用2个字节。

扩展资料

ASCII码：一个英文字母（不分大小写）占一个字节的空间。一个二进制数字序列，在计算机唤老中作为一个数字单元，一般为8位二进制数，换算为十进制。最小值-128，最大值127。如一个ASCII码就是一个字节。

UTF-8编码：一个英文字符等于一个字节，一个中文（含繁体）等于三个字节。中文标点占三个字节，英文标点占一个字节

Unicode编码：一个英带宏文等于两个字节，一个中文（含繁体）等于两个字节。中文标点占两个字节，英文标点占两个字节

参考资料来源：百度百科——字符

---