js移動焦點到最后位置的簡單方法
更新時間：2016年11月25日 10:40:24 投稿：jingxian
下面小編就為大家?guī)硪黄猨s移動焦點到最后位置的簡單方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
當輸入框(input/textarea)獲得焦點時，將焦點移動到最后，在某些情況下用戶體驗很好。網上的大部分方法都是針對IE瀏覽器的。
代碼如下：
var el = document.getElementById('txtArticle');
var range = el.createTextRange();
range.moveStart('character', el.value.length);
range.collapse(false);
range.select();
其實可以將moveStart這行刪除，因為createTextRange方法創(chuàng)建range后，利用collapse方法，參數為false就可以移動到最后了。collapse(true)移動光標到range的開始，collapse(false)移動光標到range的結尾。 Firefox等標準瀏覽器可以使用w3c的setSelectionRange方法。
代碼如下：
var range, el = document.getElementById('txtPhone');
if (el.setSelectionRange) {
el.focus();
el.setSelectionRange(el.value.length, el.value.length)
} else {
range = el.createTextRange();
range.collapse(false);
range.select();
}
注意setSelectionRange方法僅適用于input/textarea元素。其它非原生的可編輯元素的焦點移到可以利用selection對象的collapse方法，
例如：
var sel, el = document.getElementById('hint');
sel = window.getSelection();
sel.collapse(el, 1);
el.focus();
以上這篇js移動焦點到最后位置的簡單方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
使用layui實現的左側菜單欄以及動態(tài)操作tab項方法
今天小編就為大家分享一篇使用layui實現的左側菜單欄以及動態(tài)操作tab項方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了原生javaScript實現圖片延時加載的方法,無需通過載入jQuery腳本即可實現圖片的延時加載效果,是非常實用的技巧,需要的朋友可以參考下2014-12-12
js中base64、url和blob之間相互轉換的3種方式(詳細代碼)
這篇文章主要給大家介紹了關于js中base64、url和blob之間相互轉換的3種方式,Blob和File是用來表示二進制數據的,而Base64則是一種編碼方式,用來把二進制數據編碼成可讀的字符串,需要的朋友可以參考下2023-10-10
JavaScript中正則表達式判斷匹配規(guī)則及常用方法
JS作為一門常用于web開發(fā)的語言，必然要具備正則這種強大的特性，本文將對JS中的正則用法及常用函數進行一番總結2017-08-08
這篇文章主要為大家詳細介紹了js實現小時鐘效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要介紹了JS的時間格式化和時間戳轉換函數，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-07-07
這篇文章主要為大家詳細介紹了IONIC簡易購物車的實現代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了JS訪問SWF的函數用法,實例分析了javascript訪問swf文件的方法及易錯點的處理技巧,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了javascript刷新父頁面方法匯總詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
布爾運算符 && 和 || 的時候，我說過它們的結果是布爾值，它們也能用于計算其他的類型的數據，這種時候，返回的就將是其中的一個參數了2013-11-11