快捷導(dǎo)航

js實(shí)現(xiàn)文本框中焦點(diǎn)在最后位置

更新時(shí)間：2014年03月04日 09:27:40 作者：

本篇文章主要是對(duì)js實(shí)現(xiàn)文本框中焦點(diǎn)在最后位置的示例代碼進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

在一般的程序中.程序員做輸入框內(nèi)容正確性檢測(cè)時(shí)一般喜歡通過(guò)判斷內(nèi)容的合法性來(lái)確定焦點(diǎn)框.

如:

if(obj.value==""){
   obj.focus();
   return false;
}

這樣當(dāng)哪一項(xiàng)輸入框?yàn)榭帐蔷蛯⒔裹c(diǎn)移動(dòng)那一項(xiàng)輸入框..這項(xiàng)功能使用起來(lái)非常方便..但是存在一個(gè)小小的問(wèn)題...

那就是obj.focus()將焦點(diǎn)移動(dòng)到輸入框后,會(huì)將文字光標(biāo)(就是一閃一閃的豎線)移動(dòng)到這個(gè)輸入框的第一個(gè)字符的位置...就上面的判斷而言..如果文本框中沒有內(nèi)容..obj.focus正好可以滿足我們直接在文本框中輸入內(nèi)容而不用點(diǎn)擊一下文本框以使文本有焦點(diǎn)...

但是,如果文本框中已經(jīng)有內(nèi)容了..但是這個(gè)內(nèi)容不合法.obj.focus()同樣的將光標(biāo)移動(dòng)到了這個(gè)文本框的第一個(gè)字符的位置..這時(shí)就會(huì)讓注意用戶體驗(yàn)的設(shè)計(jì)師郁悶了...我們需要的是文本框得到焦點(diǎn),然后文字光標(biāo)移動(dòng)到文本框的最后,讓用戶可以不用點(diǎn)擊文本框直接輸入內(nèi)容..輸入的內(nèi)容會(huì)在原來(lái)的內(nèi)容的后面追加起來(lái)..

下面的代碼可以完成這個(gè)小細(xì)節(jié):

復(fù)制代碼代碼如下:

<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>

這個(gè)代碼是在用戶體驗(yàn)的細(xì)節(jié)性上會(huì)對(duì)設(shè)計(jì)師有很大的幫助...

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果
本篇文章主要分享了js實(shí)現(xiàn)帶緩動(dòng)動(dòng)畫的導(dǎo)航欄效果的示例代碼。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧
2017-01-01
TypeScript中類型兼容性的示例詳解
JavaScript是一門弱類型語(yǔ)言，它對(duì)類型是弱校驗(yàn)，所以才有了TypeScript。本文就來(lái)和大家一起看看TypeScript的類型兼容性的概念和分類，需要的可以參考一下
2022-08-08
preact組件案例的使用詳解
SelectValue是一個(gè)Preact組件,用于創(chuàng)建一個(gè)下拉選擇框,它接收props如value、setfn、options和disabled,用于更新父組件中的值、處理下拉選擇框的值改變事件、顯示選項(xiàng)和禁用或啟用下拉選擇框,本文介紹preact組件案例的使用詳解,感興趣的朋友一起看看吧
2025-03-03
使用jscript實(shí)現(xiàn)二進(jìn)制讀寫腳本代碼
Reading And Writing Binary Files Using JScript正如我剛才推什么我能做的JScript中，我想出了對(duì)問(wèn)題的二進(jìn)制文件。以下級(jí)的解決，這為小到中等大小的文件。我的部分包括這個(gè)職位在這里，因?yàn)槲壹磳⒏吨T表決，在一個(gè)職位約發(fā)送帶有附件的電郵通過(guò)JScript和它會(huì)使用這個(gè)二進(jìn)制文件碼來(lái)讀取，在二進(jìn)制附件檔案。
2008-06-06
javascript單張多張圖無(wú)縫滾動(dòng)實(shí)例代碼
在本篇文章里小編給大家分享的是關(guān)于javascript單張多張圖無(wú)縫滾動(dòng)實(shí)例代碼和實(shí)例，需要的朋友們可以參考下。
2020-05-05
JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法
這篇文章主要介紹了JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法,涉及javascript字符串及匹配的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
利用js判斷數(shù)據(jù)是否是數(shù)組或字符串的常見方法
這篇文章主要給大家介紹了關(guān)于利用js判斷數(shù)據(jù)是否是數(shù)組或字符串的常見方法,其實(shí)有很多方法可以判斷數(shù)據(jù)是否是數(shù)組或字符串,需要的朋友可以參考下
2023-07-07
SyntaxHighlighter語(yǔ)法高亮插件使用說(shuō)明
SyntaxHighlighter語(yǔ)法高亮插件使用說(shuō)明，需要的朋友可以參考下。
2011-08-08
原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
用Javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼間隔功能
這篇文章主要介紹了用Javascript實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼間隔功能,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-02-02