大家好，又见面了，我是你们的朋友全栈君。
做限制输入框可输入最大的长度和实时匹配输入框数据时遇到了坑 —— 当中文输入时input事件也会被触发，即假设限制的是2个字符，你要输入社会人的“社（she）”，就会直接被截取，输入框填充文本sh。或者是在中文输入法时也会一直去调接口，匹配数据，影响了页面的性能！代码如下：
$(document).on('input','input',function(){
console.log('限制最大输入字符（截取）')
})这个问题，可以声明一个inputFlag，使用compositionstart,compositionend配合解决，代码如下：
var inputFlag = true
$(document).on('compositionstart', 'input',function () {
inputFlag = true
}).on('compositionend','input',function () {
inputFlag = false
}).on('input','input', function () {
//定时器内才会生效 注意：定时器内this指向已发生改变
setTimeout(function(){
if (inputFlag == false) return // 中文输入过程中不截断
console.log('限制最大输入字符（截取）')
})
})版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/141895.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
