JS光标定位到文本框字符串末尾
在开发网站表单的时候,为了给用户良好的体验度,在验证表单数据的时候,我们会先使用JavaScript来进行表单数据的验证,如果用户输入的数据不对,我们就可以马上给出提示信息。
为了更进一步给用户良好的体验感,比如用户在几个文本框内输入了数据,提交的时候,某个文本框内的数据不对,我们在提示哪项数据不符的情况下,再把光标定位到该项文本框内。我们在这么做的时候,会发现一个问题,就是光标位置的问题,光标虽然定位到了指定的文本框内,但是出现在了字符串的前面,理想的状态是定位到字符串的末尾。
下面是处理的一个方法:
/**
* 光标定位
* 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();bjbjm.page4.me;
shjz.page4.me;
tjjz.page4.me;
cqjz.page4.me;
hebjz.page4.me;
jlbjz.page4.me;
syjz.page4.me;
dljz.page4.me;
asbjz.page4.me;
jnjz.page4.me;
qdjz.page4.me;
zbbjz.page4.me;
dybjz.page4.me;
ytbjz.page4.me;
wfbjz.page4.me;
tyjz.page4.me;
xajz.page4.me;
sjzjz.page4.me;
tsbjz.page4.me;
qhdjz.page4.me;
lybjz.page4.me;
zzjz.page4.me;
whjz.page4.me;
csjz.page4.me;
wxjz.page4.me;
njjz.page4.me;
szjzi.page4.me;
nbjz.page4.me;
hzjz.page4.me;
fzjz.page4.me;
xmjz.page4.me;
kmjz.page4.me;
cdjz.page4.me;
hfjz.page4.me;
gyjz.page4.me;
xzjz.page4.me;
ntjz.page4.me;
jhjz.page4.me;
zjjz.page4.me;
yzjz.page4.me;
ncjz.page4.me;
szjz.page4.me;
gzjz.page4.me;
zsjz.page4.me;
stjz.page4.me;
fsjz.page4.me;
lzjz.page4.me;
zhjz.page4.me;
hzzjz.page4.me;
yzzjz.page4.me;
xnjz.page4.me;
whzjz.page4.me;
czjz.page4.me;
bjjz.page4.me;
shzjz.page4.me;
tjzjz.page4.me;
cqzjz.page4.me;
hezjz.page4.me;
jzjz.page4.me;
syzjz.page4.me;
dlzjz.page4.me;
asjz.page4.me;
jnzjz.page4.me;
qdzjz.page4.me;
zbjz.page4.me;
dyjz.page4.me;
ytjz.page4.me;
wfjz.page4.me;
tyzjz.page4.me;
xazjz.page4.me;
szjzz.page4.me;
tsjz.page4.me;
qhzjz.page4.me;
lyjz.page4.me;
zzzjz.page4.me;
whjzz.page4.me;
cszjz.page4.me;
wxzjz.page4.me;
njjzz.page4.me;
zszjz.page4.me;
nbzjz.page4.me;
hzjzz.page4.me;
fzzjz.page4.me;
xmzjz.page4.me;
kmzjz.page4.me;
cdzjz.page4.me;
hfzjz.page4.me;
gyzjz.page4.me;
xzzjz.page4.me;
ntzjz.page4.me;
jhzjz.page4.me;
zzjzz.page4.me;
yzjzz.page4.me;
yzjzz.page4.me;
gzjzz.page4.me;
szjzzz.page4.me;
zsjzz.page4.me;
stzjz.page4.me;
fszjz.page4.me;
lzzjz.page4.me;
zhzjz.page4.me;
hzjzzz.page4.me;
yczjz.page4.me;
xnzjz.page4.me;
zwhjz.page4.me;
czzjz.page4.me;
}, 0);
}else if(tobj.createTextRange){ //兼容IE
var rng = tobj.createTextRange();
rng.move('character', spos);
rng.select();
}
}