javaScript讓文本框內(nèi)的最后一個文字的后面獲得焦點(diǎn)實(shí)現(xiàn)代碼
更新時間：2013年01月06日 16:17:21 作者：
讓文本框內(nèi)的最后一個文字的后面獲得焦點(diǎn)，在應(yīng)用中很常見，接下來提供解決方案，按興趣的朋友可以了解下
復(fù)制代碼 代碼如下:
<script>
//當(dāng)失去交點(diǎn)以后 讓文本框內(nèi)的文字獲得焦點(diǎn) 并且光標(biāo)移到最后一個字后面
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)容的時候進(jìn)行查詢，展開查詢內(nèi)容的父節(jié)點(diǎn)之后，會使得input里面的失去焦點(diǎn)，用戶體驗(yàn)效果不好，這里就在父節(jié)點(diǎn)展開之后，再讓input獲得焦點(diǎn)，如果只是使用focus()的話，那光標(biāo)就會出現(xiàn)在該文本框的最前面。當(dāng)然這樣也不是我想要的效果。調(diào)用上面的代碼，就可以實(shí)現(xiàn)在查詢后，光標(biāo)定位到查詢文字的后面。
您可能感興趣的文章:
相關(guān)文章
怎么理解wx.navigateTo的events參數(shù)使用詳情
這篇文章主要介紹了怎么理解wx.navigateTo的events參數(shù)使用詳情，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
JavaScript運(yùn)行過程中的“預(yù)編譯階段”和“執(zhí)行階段”
這篇文章主要介紹了JavaScript運(yùn)行過程中的“預(yù)編譯階段”和“執(zhí)行階段”的相關(guān)資料,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了淺談Webpack打包優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題
下面小編就為大家分享一篇解決JSON.stringify()自動將中文轉(zhuǎn)譯成unicode的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
本文將使用React+Three.js技術(shù)棧，制作一個專屬的3D獎牌頁面，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起動手試一試2022-01-01
用javascript實(shí)現(xiàn)模擬火焰...2007-10-10
本文詳細(xì)講解了JS數(shù)組循環(huán)的方式以及效率分析對比，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
javascript自定義startWith()和endWith()的兩種方法
js中自定義startWith()和endWith()方法有兩種，在本文將為大家詳細(xì)介紹下，感興趣的朋友不要錯過2013-11-11
本文主要介紹了微信小程序動畫效果的實(shí)現(xiàn)方法與原理解析。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
下面小編就為大家?guī)硪黄猨s 顯示日期時間的實(shí)例(時間過一秒加1)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10