javascript設(shè)置文本框光標(biāo)的方法實(shí)例小結(jié)
本文實(shí)例總結(jié)了javascript設(shè)置文本框光標(biāo)的方法。分享給大家供大家參考,具體如下:
對(duì)于text
//得到光標(biāo)位置
function getCaret(textbox) {
var control = document.activeElement;
textbox.focus();
var rang = document.selection.createRange();
rang.setEndPoint("StartToStart",textbox.createTextRange())
control.focus();
return rang.text.length;
}
對(duì)于textarea
function getCaret(ZysrID)
{
var txb = document.getElementById(ZysrID);//根據(jù)ID獲得對(duì)象
var pos = 0;//設(shè)置初始位置
txb.focus();//輸入框獲得焦點(diǎn),這句也不能少,不然后面會(huì)出錯(cuò),血的教訓(xùn)啦.
var s = txb.scrollTop;//獲得滾動(dòng)條的位置
var r = document.selection.createRange();//創(chuàng)建文檔選擇對(duì)象
var t = txb.createTextRange();//創(chuàng)建輸入框文本對(duì)象
t.collapse(true);//將光標(biāo)移到頭
t.select();//顯示光標(biāo),這個(gè)不能少,不然的話,光標(biāo)沒有移到頭.當(dāng)時(shí)我不知道,搞了十幾分鐘
var j = document.selection.createRange();//為新的光標(biāo)位置創(chuàng)建文檔選擇對(duì)象
r.setEndPoint("StartToStart",j);//在以前的文檔選擇對(duì)象和新的對(duì)象之間創(chuàng)建對(duì)象,媽的,不好解釋,我表達(dá)能力不算太好.有興趣自己去看msdn的資料
var str = r.text;//獲得對(duì)象的文本
var re = new RegExp("[//n]","g");//過濾掉換行符,不然你的文字會(huì)有問題,會(huì)比你的文字實(shí)際長度要長一些.搞死我了.我說我得到的數(shù)字怎么總比我的實(shí)際長度要長.
str = str.replace(re,"");//過濾
pos = str.length;//獲得長度.也就是光標(biāo)的位置
r.collapse(false);
r.select();//把光標(biāo)恢復(fù)到以前的位置
txb.scrollTop = s;//把滾動(dòng)條恢復(fù)到以前的位置
}
設(shè)置光標(biāo)函數(shù)
function setCaret(id,pos)
{
var textbox = document.all(id);
var r = textbox.createTextRange();
r.collapse(true);
r.moveStart('character',pos);
r.select();
}
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript查找算法技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法
很多時(shí)候,需要對(duì)Yii表單model中的對(duì)象設(shè)置的rules進(jìn)行判斷,但是有的時(shí)候可能需要在提交之前就在客戶端進(jìn)行驗(yàn)證。怎么處理呢?接下來通過本文給大家分享yii form 表單提交之前JS在提交按鈕的驗(yàn)證方法,需要的的朋友參考下2017-03-03
JavaScript運(yùn)動(dòng)原理基礎(chǔ)知識(shí)詳解
這篇文章主要介紹了JavaScript運(yùn)動(dòng)原理基礎(chǔ)知識(shí)詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
Redux中進(jìn)行異步操作(網(wǎng)絡(luò)請(qǐng)求)的示例方案
這篇文章主要介紹了Redux中進(jìn)行異步操作(網(wǎng)絡(luò)請(qǐng)求)的方案,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-12-12
js實(shí)現(xiàn)最短的XML格式化工具實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)最短的XML格式化工具,實(shí)例分析了基于jquery-latest.js實(shí)現(xiàn)XML代碼格式化的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
JS圖片懶加載技術(shù)實(shí)現(xiàn)過程解析
這篇文章主要介紹了JS圖片懶加載技術(shù)實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
微信公眾號(hào)中的JSSDK接入及invalid signature等常見錯(cuò)誤問題分析(全面解析)
這篇文章主要介紹了微信公眾號(hào)中的JSSDK接入及invalid signature等常見錯(cuò)誤問題分析(全面解析),需要的朋友可以參考下2020-04-04

