快捷導(dǎo)航

javaScript讓文本框內(nèi)的最后一個(gè)文字的后面獲得焦點(diǎn)實(shí)現(xiàn)代碼

更新時(shí)間：2013年01月06日 16:17:21 作者：

讓文本框內(nèi)的最后一個(gè)文字的后面獲得焦點(diǎn)，在應(yīng)用中很常見，接下來(lái)提供解決方案，按興趣的朋友可以了解下

 
<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)定位到查詢文字的后面。

您可能感興趣的文章:

相關(guān)文章

使用controller接收js傳過(guò)來(lái)的參數(shù)問(wèn)題
這篇文章主要介紹了使用controller接收js傳過(guò)來(lái)的參數(shù)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02
TypeScript 映射類型詳情
這篇文章主要介紹了TypeScript 映射類型詳情，一個(gè)類型需要基于另外一個(gè)類型，又不想拷貝一份，這個(gè)時(shí)候可以考慮使用映射類型，映射類型建立在索引簽名的語(yǔ)法上，下面文章我們就從回顧下索引簽名展開TypeScript 映射類型的相關(guān)資料,需要的朋友可以參考一下
2021-12-12
JS中Json數(shù)據(jù)的處理和解析JSON數(shù)據(jù)的方法詳解
JSON （JavaScript Object Notation）一種簡(jiǎn)單的數(shù)據(jù)格式，比xml更輕巧，這篇文章主要介紹了JS中Json數(shù)據(jù)的處理和解析JSON數(shù)據(jù)的方法詳解的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
iscroll.js的上拉下拉刷新時(shí)無(wú)法回彈的解決方法
本文給大家分享的是在IOS瀏覽器中使用iscroll.js的上拉下拉刷新時(shí)當(dāng)手指劃出屏幕后無(wú)法回彈的解決方法，希望對(duì)大家能夠有所幫助。
2016-02-02
用js實(shí)現(xiàn)CSS圓角生成更新
用js實(shí)現(xiàn)CSS圓角生成更新...
2007-05-05
微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請(qǐng)求
這篇文章主要介紹了微信小程序中如何使用flyio封裝網(wǎng)絡(luò)請(qǐng)求，F(xiàn)ly.js 通過(guò)在不同 JavaScript 運(yùn)行時(shí)通過(guò)在底層切換不同的 Http Engine來(lái)實(shí)現(xiàn)多環(huán)境支持，但同時(shí)對(duì)用戶層提供統(tǒng)一、標(biāo)準(zhǔn)的Promise API,需要的朋友可以參考下
2019-07-07
JS實(shí)現(xiàn)鼠標(biāo)單擊與雙擊事件共存
本篇文章主要是對(duì)JS實(shí)現(xiàn)鼠標(biāo)單擊與雙擊事件共存的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-03-03
webpack動(dòng)態(tài)加載與打包方式
webpack有兩種組織模塊依賴的方式，同步和異步，這篇文章主要介紹了webpack動(dòng)態(tài)加載與打包方式，本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
2023-02-02
Add a Picture to a Microsoft Word Document
Add a Picture to a Microsoft Word Document...
2007-06-06
TypeScript實(shí)用的Delay延遲執(zhí)行工具類
在前端開發(fā)中,我們經(jīng)常需要處理一些延遲執(zhí)行、防抖和節(jié)流的場(chǎng)景,今天介紹一個(gè)實(shí)用的Delay工具類,它提供了這些常用的延遲執(zhí)行功能,下面我們就看看它的具體應(yīng)用吧
2024-11-11