怎么获取输入框中输入文字的长度?

image.png
现在有个input框,初始大小为100px,希望随着输入增加相应的大小,现在是不知道每个输入占据的像素,用span去模拟长度好像也不对,请问有什么办法实现?

阅读 5.5k
2 个回答

给你一个思路吧:
1、创建一个div标签,设置 display:inline-block
2、给input添加一个oninput事件,时时获取内容并放到创建的div里面
3、再获取div的offsetWidth,赋值给input

你去try一下

span 模拟应该没有问题吧。不用 input 考虑下 contentEditable。
补充一下:您模拟的span 里面有sj两个字符,span 里面的 和 input 里面的字体和字符间距都不一样。另外不知道使用了font-feature-settings没有。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题