关于超过文本框限定字数后,不让输入的问题

本文介绍如何使用JS结合maxlength属性实现文本框字数限制及显示剩余可输入字数,解决粘贴字数超出限制的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

对此问题,一般是用maxlength属性来限制输入的字数,但由于我还有个需求是:显示剩余可输入字数,故需用到js。

先是参考了该博客:JavaScript监控输入框字数变化,超出限制则禁止输入,对于输入,基本没问题,但是对于粘贴情况,出现了一点小问题,如下图:此时粘贴字数已经达到100字,且无法再输入,但是显示的数量是92,删除一个字后数量为99。

后又尝试该博客的方法:js限制字数的输入,使用onkeyup和onkeydown属性,但对应的js方法还是使用的刚刚参考的那个博客的方法,同样的,在粘贴的时候有一点小问题,当字数已经达到100时,超出的字还是可以粘贴闪现的,只是不会最后输入在文本框中。

于是将maxlength属性和参考的第一个博客的方法结合,对于输入和粘贴均适合。如下:

html页面文本框
<textarea  maxlength="100" oninput="OnInput (event,100,'count')" onpropertychange="
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值