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