在开发网站表单的时候,为了给用户良好的体验度,在验证表单数据的时候,我们会先使用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);