我正在创建一个需要为旧移动设备用户工作的 html 表单。
我遇到的问题是,当使用较旧的黑莓设备(例如 2 岁的 9300)时,如果您使用触控板移动到文本字段的右侧,则文本会向左滚动并隐藏。
有没有办法防止这种行为,甚至在输入失去焦点后重新对齐文本?
即使使用如此简单的表格,问题也很明显。
<form>
<input type="text" name="testit" />
</form>
我正在创建一个需要为旧移动设备用户工作的 html 表单。
我遇到的问题是,当使用较旧的黑莓设备(例如 2 岁的 9300)时,如果您使用触控板移动到文本字段的右侧,则文本会向左滚动并隐藏。
有没有办法防止这种行为,甚至在输入失去焦点后重新对齐文本?
即使使用如此简单的表格,问题也很明显。
<form>
<input type="text" name="testit" />
</form>
如果它对其他人有帮助,我已经找到了解决这个问题的方法 - 但如果有人能想到更好的解决方案,我很乐意听到它。
我只需清除文本字段,然后在鼠标离开输入时将值重写到文本字段。
<script type="text/javascript">
function updateTheText()
{
var boxVal = $('#testit').val();
$('#testit').val('');
$('#testit').val(boxVal);
}
</script>
然后在输入中添加一个 onmouseout
<form>
<input type="text" id="testit" name="testit" onmouseout="updateTheText()" />
</form>