收藏
回答

小程序开发中,input输入框,如何实现输入框宽度随输入的文字的宽度变化?

现在有一个需求,要求input输入框的宽度,随输入的文字的宽度不断变化,通过输入的文本将输入框的宽度不断撑开,怎么实现??

回答关注问题邀请回答
收藏

4 个回答

  • 来去之间·王启年
    来去之间·王启年
    2023-06-21

    https://developers.weixin.qq.com/s/0qw3t8mE7XJW

    试试这个代码片段,思路是用text+input来实现

    2023-06-21
    有用
    回复
  • 陈宇明
    陈宇明
    2023-06-21

    获取字数,动态计算宽度,不断的设置组件的宽度

    2023-06-21
    有用
    回复
  • 阿白
    阿白
    2023-06-21

    弄一个隐藏的容器,把输入的文字实时放进容器,再获取容器的宽度,然后给输入框设置宽度

    2023-06-21
    有用
    回复 1
    • 骆小洛
      骆小洛
      2023-06-21
      我试了一下,会有反应慢或者闪动或者input长度出现偏差不是很准确的问题,是不是应为,input输入文字后,同步更新隐藏容器的文本,然后再获取这个隐藏容器的宽度,拿到后在设置input输入框的宽度,这个过程会有卡顿或者时间差问题导致的闪动或者input的长度出现偏差??
      2023-06-21
      回复
  • 八九
    八九
    2023-06-21

    动画或者样式试一下

    2023-06-21
    有用
    回复
登录 后发表内容