输入框文字限制字数，用微软输入法内容会被清空

描述

在项目开发中遇见的坑，如果有人遇见更好的解决方案，望告知。。。

原因

输入框字数限制，用微软输入法输入达到限制字数时内容会被清空。

解决方案

在判断输入框字数大于限制时,失去焦点，进行截取字数,完成赋值后再获取焦点。

由于赋值是异步操作在进行获取焦点的时候获取焦点优先执行了，这时候没有完美解决问题，这里我用定时器定了0.2s.

代码示例

    document.getElementById("sms_content").blur();
    message.value = message.value.substring(0,max);
    setTimeout(function(){
     document.getElementById("sms_content").focus();
    },200)
复制代码

其他

如果项目中是需要用alert提示的话就不需要用定时器了，因为alert本身有阻止异步的功能。

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