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

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

一、文字输入限制问题 我们拿最多可输入16个字为例。当输入字数(注意,不是字符长度)超过16字时,会触发 tips 提示,并且不能继续输入。...办法一: textarea 可以使用 maxlength 进行输入字数限制。 但是这个办法只能单纯的限制 length ,有时并不能真正的结局问题。...当我们字数限制为16个字,需要实时检查是否到16字。输入文字时,当有非直接的文字输入时,监听 keydown 事件和 input 事件都会直接触发判断字数逻辑,会截断我们正在输入的文字。...因此需要在 js 中来进行字数限制。 再加上汉字输入问题,那么就加入一个标记位,来判断是否是直接的文字输入。然后监听 input ,限制字数,当超过字数限制的时候,把前16个字截断显示出来就ok了。...那么如果希望可以将输入框和键盘完全贴合,我们可以使用div模拟一个假的输入框,使用定位将真正的输入框隐藏掉,当点击假的输入框的时候,将真正的输入框定位到键盘上方,并且手动获取输入框焦点。

6.7K00
领券