首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

移动端输入框填坑系列(一)

一、文字输入限制问题 我们拿最多可输入16个字为例。当输入字数(注意,不是字符长度)超过16字时,会触发 tips 提示,并且不能继续输入。...办法一: textarea 可以使用 maxlength 进行输入字数限制。 但是这个办法只能单纯的限制 length ,有时并不能真正的结局问题。...当我们字数限制为16个字,需要实时检查是否到16字。输入文字时,当有非直接的文字输入时,监听 keydown 事件和 input 事件都会直接触发判断字数逻辑,会截断我们正在输入的文字。...因此需要在 js 中来进行字数限制。 再加上汉字输入问题,那么就加入一个标记位,来判断是否是直接的文字输入。然后监听 input ,限制字数,当超过字数限制的时候,把前16个字截断显示出来就ok了。...4、因为 textarea 中的文字不能置底显示,当输入超过一行textarea需要自动调整高度,因此将scrollHeight赋值给textarea的height。

6.8K00
领券