收藏
回答

小程序输入框如何保留小数点后两位并且超过两位后输入不闪烁?

是这样的,我用输入框的 input 事件监听输入内容,然后通过正则校验保留小数点后两位,功能实现了,但是有个弊端:

就是超过2位小数之后再次输入,输入框会闪现第三位小数,然后通过 bindinput 事件校验然后砍掉第三位小数,在输入框的表现结果就是第三位小数出现一下立即消失,具体顺序为:

输入展示 => bindinput 校验 => 校验后的结果再回显进输入框

有没有办法在输入的时候不展示在输入框,只展示校验后的内容?

最后一次编辑于  2020-09-23
回答关注问题邀请回答
收藏

1 个回答

  • 神经蛙
    神经蛙
    2020-09-23

    有思路如下:使用2个输入框,使用绝对定位,一个用来输入,另一个用来显示。输入框聚焦时使其index层级置于最下,用来显示的那个置上。

    (ps:输入之后校检回显结果,校检不符合的输入会出现一下立马消失,这是微信的原因,要是输入框支持pattern的话可能就没这个问题。 我要是你的话就不会在做多余的,结果已经实现了,去说服产品经理或者老板)


    2020-09-23
    有用
    回复 1
    • Morrigan
      Morrigan
      2020-09-23
      感谢解答,思路是可以的 但是会有一个光标问题 总而言之这个问题留到以后解决吧
      2020-09-23
      回复
登录 后发表内容
问题标签