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

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

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

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

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

input{ width:120pxheight:26pxline-height:26pxpadding-left:10px/*这里的值可以改变光标的位置*/ border:1px solid #000}

小程序 input 获取焦点导致页面左移的问题，一般是由于键盘d起造成的。当 input 获取焦点后，键盘会自动d出，导致页面布局发生变化，从而出现左移的情况。为了解决这个问题，可以采取以下措施：

1. 在 input 标签中添加属性：adjust-position="{{false}}"，禁用键盘d起时自动调整页面位置的功能，从而避免页面左移的情况。

2. 使用 fixed 布局，将 input 放置在一个固定的位置，使其不受键盘d起的影响，从而避免页面布局发生变化。

3. 使用 scroll-view 嵌套，将 input 放置在 scroll-view 中，当键盘d起时，scroll-view 会自动滚动，从而避免页面左移的情况。

4. 在 app.json 中设置 window 属性的 softKeyboardBehavior 为 "none"，禁用软键盘d起时自动调整页面位置的功能，从而避免页面左移的情况。

总之，以上是一些常见的解决小程序 input 获取焦点导致页面左移的方法。开发者可以根据具体情况选择合适的方法进行处理。

---