javaScript讓文字框內的最後一個文字的後面獲得焦點實現代碼

來源:互聯網
上載者:User

複製代碼 代碼如下:
<script>
//當失去交點以後 讓文字框內的文字獲得焦點 並且游標移到最後一個字後面
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(); //建立文本選區
range.moveStart('character', this.value.length); //選區的起點移到最後去
range.collapse(true);
range.select();
}
</script>

樣本:
 
這裡使用的是ztree的模糊搜尋
一開始所有的樹節點都是閉合的,但是如果輸入搜尋內容的時候進行查詢,展開查詢內容的父節點之後,會使得input裡面的失去焦點,使用者體驗效果不好,這裡就在父節點展開之後,再讓input獲得焦點,如果只是使用focus()的話,那游標就會出現在該文字框的最前面。當然這樣也不是我想要的效果。調用上面的代碼,就可以實現在查詢後,游標定位到查詢文字的後面。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.