本文介绍如何在JavaScript中实现文本框获得焦点时，将光标自动定位到文本末尾而非起始位置。通过解析传统focus()方法的局限性，提供一段利用createTextRange等DOM方法实现的代码，旨在优化表单验证时的用户交互体验，避免用户手动点击或手动移动光标的操作。
JavaScript实现文本框焦点定位至末尾的方法
在常规程序开发中，程序员进行输入框内容合法性校验时，通常倾向于通过验证内容合规性来切换焦点所在区域。
例如：
代码如下：
if(obj.value==""){
obj.focus();
return false;
}上述逻辑在检测到某项输入框为空时，会将焦点移动至该输入框。此功能使用便捷，但存在一个细微问题。
当调用obj.focus()使输入框获得焦点后，文字光标（即闪烁的竖线）会被置于该输入框的第一个字符位置。就前述判断逻辑而言，若文本框为空，obj.focus()的效果恰好满足直接在框内输入内容的需求，无需额外点击即可获取焦点。
然而，若文本框内已有内容但内容不合法，obj.focus()同样会将光标移至文本框的起始位置。这往往令注重用户体验的设计师感到困扰。我们的实际需求是：文本框获得焦点，且文字光标移至文本框末尾，使用户无需点击即可直接输入，新输入的内容将追加在原内容之后。
以下代码可实现这一细节优化：
代码如下：
<script language="javascript">
function getSelectPos(obj){
var esrc = document.getElementById(obj);
if(esrc==null){
esrc=event.srcElement;
}
var rtextRange =esrc.createTextRange();
rtextRange.moveStart('character',esrc.value.length);
rtextRange.collapse(true);
rtextRange.select();
}
</script>这段代码在提升用户体验细节方面，能为设计师带来显著帮助。