js移動焦點到最后位置的簡單方法
當輸入框(input/textarea)獲得焦點時,將焦點移動到最后,在某些情況下用戶體驗很好。網(wǎng)上的大部分方法都是針對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方法,參數(shù)為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移動焦點到最后位置的簡單方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
TypeScript與JavaScript項目里引入MD5校驗和
這篇文章主要介紹了TypeScript與JavaScript項目里引入MD5校驗和,MD5校驗和可以用于驗證網(wǎng)絡文件傳輸?shù)耐暾砸约胺乐刮募蝗舜鄹?。下文我們就一起來學習TypeScript與JavaScript項目里引入MD5校驗和_MD5校驗,需要的朋友可以參考一下2022-02-02Bootstrap柵格系統(tǒng)簡單實現(xiàn)代碼
這篇文章主要為大家詳細介紹了Boostrap柵格系統(tǒng)的相關資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03javascript打印html內(nèi)容功能的方法示例
這篇文章主要介紹了javascript打印html內(nèi)容的小示例,大家參考使用2013-11-11