国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

js移動焦點到最后位置的簡單方法

2024-05-06 16:33:08
字體:
來源:轉載
供稿:網友

當輸入框(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武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁明县| 秀山| 敖汉旗| 宁陕县| 鲁山县| 阜宁县| 顺义区| 静宁县| 额尔古纳市| 杭锦后旗| 广东省| 祁门县| 山阳县| 安龙县| 迭部县| 榆中县| 海口市| 公主岭市| 三门县| 正蓝旗| 桂平市| 泰来县| 凤山市| 自治县| 秭归县| 肃南| 洪洞县| 成武县| 中山市| 澄迈县| 驻马店市| 聂荣县| 孟连| 都兰县| 邻水| 池州市| 民乐县| 西充县| 读书| 巴彦淖尔市| 福清市|