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

669 阅读1分钟

描述

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

原因

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

解决方案

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

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

代码示例

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

其他

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