国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泉州市| 平谷区| 垦利县| 商南县| 南丹县| 汽车| 巴青县| 崇义县| 安义县| 塔河县| 南溪县| 新民市| 周宁县| 汤阴县| 大悟县| 黄冈市| 乌拉特后旗| 梧州市| 连州市| 田阳县| 婺源县| 安吉县| 子长县| 扎囊县| 马关县| 开化县| 泉州市| 远安县| 遵义市| 会同县| 西畴县| 合山市| 方山县| 苗栗县| 策勒县| 金秀| 新兴县| 南木林县| 珠海市| 凤冈县| 凤冈县|