JS光标定位到文本框字符串末尾

在开发网站表单的时候，为了给用户良好的体验度，在验证表单数据的时候，我们会先使用JavaScript来进行表单数据的验证，如果用户输入的数据不对，我们就可以马上给出提示信息。为了更进一步给用户良好的体验感，比如用户在几个文本框内输入了数据，提交的时候，某个文本框内的数据不对，我们在提示哪项数据不符的情况下，再把光标定位到该项文本框内。我们在这么做的时候，会发现一个问题，就是光标位置的问题，光标虽然定位到了指定的文本框内，但是出现在了字符串的前面，理想的状态是定位到字符串的末尾。下面给大家分享一个JS光标定位到文本框字符串末尾的函数。

function setCaretPosition(tObj, sPos){
	if(tObj.setSelectionRange){
		setTimeout(function(){
			tObj.setSelectionRange(sPos, sPos);
			tObj.focus();
		}, 0);
	}else if(tObj.createTextRange){
		var rng = tObj.createTextRange();
		rng.move('character', sPos);
		rng.select();
	}
} 

JS光标定位到文本框字符串末尾函数用法示例：

var tObj =document.getElementById("addhotPagetext");
var sPos = tObj.value.length;
setCaretPosition(tObj, sPos);