您的位置:首页 > 移动开发 > Android开发

android UC浏览器input的maxlength的bug

2013-07-16 21:00 183 查看
在某些版本的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浏览器上发现了。目前还没采取什么规避措施。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: