江阳小道
2014-02-25 02:39
采纳率: 100%
浏览 10.0k

可编辑的div限制输入字数,实现类似maxlength的限制效果

有一个用div标签实现的编辑框,要求输入的内容长度不超过300。怎么做才能实现类似maxlength的限制效果,输入的字数超过300后,不会显示,输入无效。求大神指点!

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 江阳小道 2014-02-25 03:05
    已采纳

    不用麻烦大家了,刚刚我已经找到解决方法了!
    是这样实现的,如果内容长度大于300,就直接截取字符串就行了。之前想复杂了!

    if(object.text().length>300){
                object.text(object.text().substring(0,300));
            }
    
    点赞 打赏 评论
  • qq_34902661 2018-04-21 07:49

    你这并没达到maxlength的效果吧,只是限制文本内容保持在300个,继续输入会持续往里边填充并保持数量为300

    点赞 打赏 评论
  • qq_39504719 2019-07-22 09:34

    既然是模拟的输入框,当字数达到限制数量之后,直接将contenteditable属性置为false即可,没必要这么麻烦呀!

    点赞 打赏 评论

相关推荐 更多相似问题