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

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

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

if(object.text().length>300){
            object.text(object.text().substring(0,300));
        }

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

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