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

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

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

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

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

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

创建自己小程序方法如下:

1.微信版本升级后,打开微信,点乱尺击底部的“发现”这个菜单项,就会发现升级后的“发现”菜单里,增加了“小程序”这样一个功能。

2.点击打开小程序后,可以看到有附近的小程序和我的小程序,附近的小程序禅哗是所在定位周边的小程序。

下面的小程序列表可以看到的是我们之前打开过的一些小程序,如果有自己觉得很好用的小程序就可以点击贺陪行左上角,添加到我的小程序里面。

3.微信小程序还有具有搜索功能,打开搜索页面可以输入想要找的小程序。

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


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/12359430.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存