对此问题,一般是用maxlength属性来限制输入的字数,但由于我还有个需求是:显示剩余可输入字数,故需用到js。
先是参考了该博客:JavaScript监控输入框字数变化,超出限制则禁止输入,对于输入,基本没问题,但是对于粘贴情况,出现了一点小问题,如下图:此时粘贴字数已经达到100字,且无法再输入,但是显示的数量是92,删除一个字后数量为99。
后又尝试该博客的方法:js限制字数的输入,使用onkeyup和onkeydown属性,但对应的js方法还是使用的刚刚参考的那个博客的方法,同样的,在粘贴的时候有一点小问题,当字数已经达到100时,超出的字还是可以粘贴闪现的,只是不会最后输入在文本框中。
于是将maxlength属性和参考的第一个博客的方法结合,对于输入和粘贴均适合。如下:
html页面文本框
<textarea maxlength="100" oninput="OnInput (event,100,'count')" onpropertychange="