js實現(xiàn)文本框中焦點在最后位置
更新時間：2014年03月04日 09:27:40 作者：
本篇文章主要是對js實現(xiàn)文本框中焦點在最后位置的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所 幫助
在一般的程序中.程序員做輸入框內(nèi)容正確性檢測時一般喜歡通過判斷內(nèi)容的合法性來確定焦點框.
如:
復制代碼 代碼如下:
if(obj.value==""){
obj.focus();
return false;
}
這樣當哪一項輸入框為空是就將焦點移動那一項輸入框..這項功能使用起來非常方便..但是存在一個小小的問題...
那就是obj.focus()將焦點移動到輸入框后,會將文字光標(就是一閃一閃的豎線)移動到這個輸入框的第一個字符的位置...就上面的判斷而言..如果文本框中沒有內(nèi)容..obj.focus正好可以滿足我們直接在文本框中輸入內(nèi)容而不用點擊一下文本框以使文本有焦點...
但是,如果文本框中已經(jīng)有內(nèi)容了..但是這個內(nèi)容不合法.obj.focus()同樣的將光標移動到了這個文本框的第一個字符的位置..這時就會讓注意用戶體驗的設(shè)計師郁悶了...我們需要的是文本框得到焦點,然后文字光標移動到文本框的最后,讓用戶可以不用點擊文本框直接輸入內(nèi)容..輸入的內(nèi)容會在原來的內(nèi)容的后面追加起來..
下面的代碼可以完成這個小細節(jié):
復制代碼 代碼如下:
<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>
這個代碼是在用戶體驗的細節(jié)性上會對設(shè)計師有很大的幫助...
相關(guān)文章
本篇文章主要分享了js實現(xiàn)帶緩動動畫的導航欄效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
JavaScript是一門弱類型語言，它對類型是弱校驗，所以才有了TypeScript。本文就來和大家一起看看TypeScript的類型兼容性的概念和分類，需要的可以參考一下2022-08-08
SelectValue是一個Preact組件,用于創(chuàng)建一個下拉選擇框,它接收props如value、setfn、options和disabled,用于更新父組件中的值、處理下拉選擇框的值改變事件、顯示選項和禁用或啟用下拉選擇框,本文介紹preact組件案例的使用詳解,感興趣的朋友一起看看吧2025-03-03
Reading And Writing Binary Files Using JScript正如我剛才推什么我能做的JScript中，我想出了對問題的二進制文件。以下級的解決，這為小到中等大小的文件。我的部分包括這個職位在這里，因為我即將付諸表決，在一個職位約發(fā)送帶有附件的電郵通過JScript和它會使用這個二進制文件碼來讀取，在二進制附件檔案。2008-06-06
在本篇文章里小編給大家分享的是關(guān)于javascript單張多張圖無縫滾動實例代碼和實例，需要的朋友們可以參考下。2020-05-05
JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法
這篇文章主要介紹了JavaScript將數(shù)字轉(zhuǎn)換成大寫中文的方法,涉及javascript字符串及匹配的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
利用js判斷數(shù)據(jù)是否是數(shù)組或字符串的常見方法
這篇文章主要給大家介紹了關(guān)于利用js判斷數(shù)據(jù)是否是數(shù)組或字符串的常見方法,其實有很多方法可以判斷數(shù)據(jù)是否是數(shù)組或字符串,需要的朋友可以參考下2023-07-07
SyntaxHighlighter語法高亮插件使用說明，需要的朋友可以參考下。2011-08-08
原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能
這篇文章主要介紹了用Javascript實現(xiàn)發(fā)送短信驗證碼間隔功能,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02