现在有个input框,初始大小为100px,希望随着输入增加相应的大小,现在是不知道每个输入占据的像素,用span去模拟长度好像也不对,请问有什么办法实现?
现在有个input框,初始大小为100px,希望随着输入增加相应的大小,现在是不知道每个输入占据的像素,用span去模拟长度好像也不对,请问有什么办法实现?
span 模拟应该没有问题吧。不用 input 考虑下 contentEditable。
补充一下:您模拟的span 里面有sj两个字符,span 里面的 和 input 里面的字体和字符间距都不一样。另外不知道使用了font-feature-settings没有。
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
3 回答2.1k 阅读✓ 已解决
给你一个思路吧:
1、创建一个div标签,设置
display:inline-block
2、给
input
添加一个oninput
事件,时时获取内容并放到创建的div里面3、再获取div的
offsetWidth
,赋值给input你去try一下