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