HTML 5-可编辑的div限制输入字数,实现类似maxlength的限制效果
有一个用div标签实现的编辑框,要求输入的内容长度不超过300。怎么做才能实现类似maxlength的限制效果,输入的字数超过300后,不会显示,输入无效。求大神指点!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
有一个用div标签实现的编辑框,要求输入的内容长度不超过300。怎么做才能实现类似maxlength的限制效果,输入的字数超过300后,不会显示,输入无效。求大神指点!
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
给div加一个属性contentEditable="true"这样div就可以编辑了,然后用js写个keydown事件监听这个div内部的文字的长度就可以了
不用麻烦大家了,刚刚我已经找到解决方法了!
是这样实现的,如果内容长度大于300,就直接截取字符串就行了。之前想复杂了!
if(object.text().length>300){
object.text(object.text().substring(0,300));
}