input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题

// 标题字数限制超出不显示
function _restrictWords(el,num,wordsEl) {//元素、限制字数、显示现有字数的元素
var cpLock = false;
$(el).on('compositionstart', function() {
cpLock = true;
});
$(el).on('compositionend', function() {
cpLock = false;
});
$(el).on('keyup', function() {
if (!cpLock) {
var str = $(el).val().substr(0, num);
$(el).val(str);
if(wordsEl){
$(wordsEl).html($(el).val().length);
}
}
})

}

//调用

$(".two_input").on("focus",function(){
_restrictWords(".person .two_input" , 12);
})

input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题相关推荐

html输入框禁止输入汉字,input输入框输入中文时，监听的input事件怎样屏蔽拼音状态...
在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...
解决React中input输入框在中文输入法下的bug
解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...
解决 input 输入框在中文输入法下的 bug
最近本山人在项目的开发过程中遇到这么一个问题: 在列表中嵌入antd的Input输入框,切换到微软输入法输入时,就不能成功输入中文字符,然而搜狗输入法又是正常的. 研究一番,发现是input的valu ...
搜狗输入法在idea打不了汉字_IDEA下搜狗输入法输入中文时卡着不动的参考解决方法...
在IntelliJ IDEA工具的java编辑窗口,给代码增加注释时发现,输入中文时,搜狗输入法界面不动,一直卡着,如图: 我想输入"根据"两个字,但搜狗输入法界面一直卡着不刷新, ...
JavaScript表单验证，输入中文时字符长度为2
获取输入框中的字符长度进行表单验证,当输入英文时字符长度就是1,当输入中文时字符长度为2. 字符数为4~16位, 上图: 一个中文抵两英文. 上代码 1 btn.addEventListener('c ...
解决oninput在输入中文时，会获取拼音的问题
解决oninput在输入中文时,会获取拼音的问题参考文章: (1)解决oninput在输入中文时,会获取拼音的问题 (2)https://www.cnblogs.com/sas1231/p/1047 ...
IDEA下搜狗输入法输入中文时卡着不动的参考解决方法
[问题描述] 在IntelliJ IDEA工具的java编辑窗口,给代码增加注释时发现,输入中文时,搜狗输入法界面不动,只显示第一个字母.如图: 我想输入"根据"两个字,但搜狗输入 ...
Qt 5.12.10 用Design ui 设计界面，连续输入中文时，变成英文输入
情景: Qt 版本:Qt5.12.10 问题: 使用ui设计器设计界面时,如果连续输入中文,会变成英文,无法正常输入中文. 解决办法:在界面输入中文后,实时保存下,然后继续输入中文,情况有所改善.具体 ...
spring mvc项目中，在jsp页面中输入中文时，提交到student.jsp页面后，结果显示中文乱码
在jsp页面中输入中文时,提交到student.jsp页面后,结果显示中文乱码下面是相关代码截图表单代码: 控制器类代码: springmvc配置文件代码: 用于显示的jsp页面: 修改之前的we ...

input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题

input输入框输入中文时,需要计数input输入的汉字数,解决拼音输入的时候计数问题相关推荐

最新文章

热门文章