android UC浏览器input的maxlength的bug

在某些版本的android UC浏览器中，在一个输入过程中，如果用js动态修改了输入框的值，对浏览器内部记录的该输入框值的长度不会改变。

 

举个例子：如果maxlength设置5，用户输入到第五个字符后，用js删掉一个，那么用户将无法再次输入第5个字符。

 

下面是一端示例代码，用来在用户输入过程中过滤用户输入的非数字字符，

 

<input type="text" id="testInput" maxlength="5">
<script type="text/javascript">
	document.getElementById('testInput').addEventListener('input', function(e){
		e.target.value = e.target.value.replace(/[^0-9]+/g, '');
	});
</script>

结果是用户输入5个非数字字符被清除掉后，虽然此时输入框为空值，他将无法再输入任何字符。按删除键（虽然什么都没删）或者下掉软键盘，重新聚焦输入，就可以重新输入了。

 

感觉好低级的浏览器bug，只在部分android的UC浏览器上发现了。目前还没采取什么规避措施。