當輸入框(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方法創建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移動焦點到最后位置的簡單方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網。
 
  | 
新聞熱點
疑難解答