JS光标定位到文本框字符串末尾
在开发网站表单的时候,为了给用户良好的体验度,在验证表单数据的时候,我们会先使用JavaScript来进行表单数据的验证,如果用户输入的数据不对,我们就可以马上给出提示信息。bjbzj.codeplex.com;
shbjz.codeplex.com;
tjbjz.codeplex.com;
cqbjz.codeplex.com;
hebbjz.codeplex.com;
jlbjz.codeplex.com;
sybjz.codeplex.com;
dlbjz.codeplex.com;
asbjz.codeplex.com;
jnbjz.codeplex.com;
qdbjz.codeplex.com;
zbbjz.codeplex.com;
dybjz.codeplex.com;
ytbjz.codeplex.com;
wfbjz.codeplex.com;
tybjz.codeplex.com;
xamjz.codeplex.com;
sjzmt.codeplex.com;
tsmt.codeplex.com;
qhdmt.codeplex.com;
lybjz.codeplex.com;
zzmt.codeplex.com;
whmt.codeplex.com;
csbjz.codeplex.com;
wxbjz.codeplex.com;
njbjz.codeplex.com;
szbjz.codeplex.com;
nbbjz.codeplex.com;
hzbjz.codeplex.com;
fzbjz.codeplex.com;
xmbjz.codeplex.com;
kmbjz.codeplex.com;
cdbjz.codeplex.com;
hfbjz.codeplex.com;
gybjz.codeplex.com;
xzbjz.codeplex.com;
ntbjz.codeplex.com;
jsbjz.codeplex.com;
zjbjz.codeplex.com;
yzbjz.codeplex.com;
ncbjz.codeplex.com;
gzbjz.codeplex.com;
szjzb.codeplex.com;
zsbjz.codeplex.com;
stbjz.codeplex.com;
fsbjz.codeplex.com;
lzbjz.codeplex.com;
zhbjz.codeplex.com;
hzmt.codeplex.com;
ycbjz.codeplex.com;
xnbjz.codeplex.com;
whjz.codeplex.com;
czmt.codeplex.com;
bjbjz.codeplex.com;
shmt.codeplex.com;
tjjz.codeplex.com;
cqjz.codeplex.com;
hebjz.codeplex.com;
jljz.codeplex.com;
syjz.codeplex.com;
dljz.codeplex.com;
asjz.codeplex.com;
jnjz.codeplex.com;
qdjz.codeplex.com;
zbjz.codeplex.com;
dyjz.codeplex.com;
ytjz.codeplex.com;
wfjz.codeplex.com;
tyjz.codeplex.com;
xajz.codeplex.com;
sjbjz.codeplex.com;
tsjz.codeplex.com;
qhbjz.codeplex.com;
lyjz.codeplex.com;
zzjz.codeplex.com;
whbz.codeplex.com;
csjz.codeplex.com;
wxjz.codeplex.com;
njjz.codeplex.com;
szjz.codeplex.com;
nbjz.codeplex.com;
hzjz.codeplex.com;
fzjz.codeplex.com;
xmjz.codeplex.com;
kmjz.codeplex.com;
cdjz.codeplex.com;
hfjz.codeplex.com;
gyjz.codeplex.com;
xzjz.codeplex.com;
ntjz.codeplex.com;
jhjz.codeplex.com;
zjjz.codeplex.com;
yzjz.codeplex.com;
ncjz.codeplex.com;
gzjz.codeplex.com;
szgjz.codeplex.com;
zsjz.codeplex.com;
stjz.codeplex.com;
fsjz.codeplex.com;
lzjz.codeplex.com;
zhjz.codeplex.com;
fzmjz.codeplex.com;
ycjz.codeplex.com;
xnjz.codeplex.com;
whmjz.codeplex.com;
czjz.codeplex.com;
为了更进一步给用户良好的体验感,比如用户在几个文本框内输入了数据,提交的时候,某个文本框内的数据不对,我们在提示哪项数据不符的情况下,再把光标定位到该项文本框内。我们在这么做的时候,会发现一个问题,就是光标位置的问题,光标虽然定位到了指定的文本框内,但是出现在了字符串的前面,理想的状态是定位到字符串的末尾。
下面是处理的一个方法:
/**
* 光标定位
* obj 文本框id
* spos 需要定位的位置
*/
function set_text_value_position(obj, spos){
var tobj = document.getElementById(obj);
if(!spos)
var spos = tobj.value.length;
if(tobj.setSelectionRange){ //兼容火狐
setTimeout(function(){
tobj.setSelectionRange(spos, spos);
tobj.focus();
}, 0);
}else if(tobj.createTextRange){ //兼容IE
var rng = tobj.createTextRange();
rng.move('character', spos);
rng.select();
}
}