javaScript讓文本框內(nèi)的最后一個(gè)文字的后面獲得焦點(diǎn)實(shí)現(xiàn)代碼
更新時(shí)間:2013年01月06日 16:17:21 作者:
讓文本框內(nèi)的最后一個(gè)文字的后面獲得焦點(diǎn),在應(yīng)用中很常見,接下來提供解決方案,按興趣的朋友可以了解下
復(fù)制代碼 代碼如下:
<script>
//當(dāng)失去交點(diǎn)以后 讓文本框內(nèi)的文字獲得焦點(diǎn) 并且光標(biāo)移到最后一個(gè)字后面
function myfocus(myid) {
if(isNav){
document.getElementById(myid).focus();// 獲取焦點(diǎn)
}else{
setFocus.call(document.getElementById(myid));
}
}
var isNav = (window.navigator.appName.toLowerCase().indexOf("netscape")>=0);
var isIE = (window.navigator.appName.toLowerCase().indexOf("microsoft")>=0);
function setFocus() {
var range = this.createTextRange(); //建立文本選區(qū)
range.moveStart('character', this.value.length); //選區(qū)的起點(diǎn)移到最后去
range.collapse(true);
range.select();
}
</script>
示例:
這里使用的是ztree的模糊搜索
一開始所有的樹節(jié)點(diǎn)都是閉合的,但是如果輸入搜索內(nèi)容的時(shí)候進(jìn)行查詢,展開查詢內(nèi)容的父節(jié)點(diǎn)之后,會(huì)使得input里面的失去焦點(diǎn),用戶體驗(yàn)效果不好,這里就在父節(jié)點(diǎn)展開之后,再讓input獲得焦點(diǎn),如果只是使用focus()的話,那光標(biāo)就會(huì)出現(xiàn)在該文本框的最前面。當(dāng)然這樣也不是我想要的效果。調(diào)用上面的代碼,就可以實(shí)現(xiàn)在查詢后,光標(biāo)定位到查詢文字的后面。
您可能感興趣的文章:
- js實(shí)現(xiàn)文本框中焦點(diǎn)在最后位置
- js設(shè)置文本框中焦點(diǎn)位置在最后的示例代碼(簡(jiǎn)單實(shí)用)
- js/jquery獲取文本框輸入焦點(diǎn)的方法
- 鼠標(biāo)焦點(diǎn)離開文本框時(shí)驗(yàn)證的js代碼
- 在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
- js 禁用只讀文本框獲得焦點(diǎn)時(shí)的退格鍵
- javascript 設(shè)置文本框中焦點(diǎn)的位置
- JavaScript實(shí)現(xiàn)焦點(diǎn)進(jìn)入文本框內(nèi)關(guān)閉輸入法的核心代碼
相關(guān)文章
怎么理解wx.navigateTo的events參數(shù)使用詳情
這篇文章主要介紹了怎么理解wx.navigateTo的events參數(shù)使用詳情,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JavaScript運(yùn)行過程中的“預(yù)編譯階段”和“執(zhí)行階段”
這篇文章主要介紹了JavaScript運(yùn)行過程中的“預(yù)編譯階段”和“執(zhí)行階段”的相關(guān)資料,需要的朋友可以參考下2015-12-12
解決JSON.stringify()自動(dòng)將中文轉(zhuǎn)譯成unicode的問題
下面小編就為大家分享一篇解決JSON.stringify()自動(dòng)將中文轉(zhuǎn)譯成unicode的問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-01-01
使用Three.js制作一個(gè)3D獎(jiǎng)牌頁面
本文將使用React+Three.js技術(shù)棧,制作一個(gè)專屬的3D獎(jiǎng)牌頁面,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起動(dòng)手試一試2022-01-01
JS數(shù)組循環(huán)的方式以及效率分析對(duì)比
本文詳細(xì)講解了JS數(shù)組循環(huán)的方式以及效率分析對(duì)比,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
javascript自定義startWith()和endWith()的兩種方法
js中自定義startWith()和endWith()方法有兩種,在本文將為大家詳細(xì)介紹下,感興趣的朋友不要錯(cuò)過2013-11-11
js 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)
下面小編就為大家?guī)硪黄猨s 顯示日期時(shí)間的實(shí)例(時(shí)間過一秒加1)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10

