win10自带输入法限制字数超出自动清空

最近开发遇到了一个很恶心的小问题，IE浏览器下面对于文本框限制字数超出截取时竟然给我自动清空了，并且只有在win10自带的输入法下才会有这种情况，超级恶心有么有？但是我还是给解决了。废话不说，直接上代码，分享给大家。

代码：

var len = 0;
$(document).on("keyup input", "textarea[name=quotationVal]", function(){len = Number( $(this).val().length );if(len > 300){document.getElementById("quotationVal").blur();$(this).val($(this).val().slice(0,300));len = $(this).val().length;setTimeout(function(){document.getElementById("quotationVal").focus();},500)}$(".wordsNumber").text(len);
});复制代码

展示效果：

解析：

写keyup 和 input 防止鼠标右键粘贴的时候输入框监听不到数据的变化，导致如图右下角不在计数
为了不防止清空先让其失去焦点，然后截取，但是如果用户想删除呢？岂不是找不到光标焦点，还要手动去点击一下输入框，所以设置一个定时器，让其感觉不到的情况下去获取焦点
为什么有一次的在判断中去获取字符串的长度，因为实践中发现右下角的计数会不能及时的更新变化，其实可以直接赋值300，但是有点low了。

总结：

以上可以完美的解决这个看似小但是很恶心的问题，既可以实现功能，也可以是解决用户体验。分享给大家，希望可以帮助大家避免小坑带来的困扰。

转载于:https://juejin.im/post/5c7f9222f265da2dac4574e3

win10自带输入法限制字数超出自动清空相关推荐

Win10自带输入法词库的导入导出以及其他设置
Win10自带输入法的设置页面比较隐蔽,而且搜不到"微软拼音"这项设置. 设置方法如下: 即可找到输入法的设置.
【Win10 Tips】Win10自带输入法简体繁体切换快捷键
问题: 无意中出现过几次键入字体是繁体的情况. 解决: Win10自带输入法有繁简切换快捷键[Control+Shift+F]. 参考: https://blog.csdn.net/LIU_YANZH ...
win10自带输入法在切换中英文的过程中，出现了输入字符所占间距变大的问题
问题描述 win10使用自带输入法,但是在切换中英文的过程中,出现了输入数字或者字母时,单字符所占间距变大的问题. 原因分析这个现象产生的根本原因是,字符的全半角输入发生了变化.而当前采用全角输入. ...
win10自带输入法总是莫名奇妙变繁体
之前使用电脑总是会下载一款自己喜欢的款酷炫狂拽*炸天的输入法,来显示自己的别具一格,非池中之物. 久了之后也就没有什么鲜感了,而且还某些自带广告,突然弹出很影响我摸鱼-哦不对-很影响我上班,所以就直接 ...
Win10自带输入法突然变繁体如何改回简体？
Windows10自带的微软拼音输入法,突然变成了繁体输入,是因为您无意中触碰到了快捷键Ctrl+Shift+F.
Win10自带输入法切换到中文无法输入中文
情况右下角的输入保持为中文但是键盘无法输入原因 emmmm 反正每次用toDesk远程链接了之后就会这样要不换个远程的软件,要不装个别的输入法解决计算机管理(本地)-系统工具-任务计划程序 ...
WIN10自带输入法，中文输入不出候选框解决方法
右键点击右下角 "中(或英)"图标 , 选择 "设置" . 打开设置窗口,选择"常规" 在常规 ...
win10自带输入法突然变成了繁体，輸入法怎麼成繁體了？
首先找到设置,单击进去然后找到语言,单击进去选择语言,点进去点文字,之后点选项选择微软拼音,点选项点常规进去默认模式,选择中文之所以会变成繁体的原因还有一个就是IDEA中的全局搜索快捷键 ...
转:win10自带输入法切换简体繁体快捷键
[CTRL+SHIFT+F] 原文地址:http://liuyanzhao.com/2811.html

win10自带输入法限制字数超出自动清空

win10自带输入法限制字数超出自动清空相关推荐

最新文章

热门文章