js獲取光標(biāo)位置幾種方法

《js獲取光標(biāo)位置幾種方法》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、js獲取光標(biāo)位置幾種方法js文章2009-04-0115:41:56閱讀303評論0??字號：大中小?訂閱1。==================使用TextRange獲取輸入框中光標(biāo)的位置===================TextRange是用來表現(xiàn)HTML元素中文字的對象，雖然我們平時不太常用這個對象，可是它卻在IE4.0中就已提供了。不過TextRange提供的調(diào)用方法卻都比較晦澀，那么我們能拿它做些什么呢？???TextRange的傳統(tǒng)用途是對用戶在Web頁上用鼠標(biāo)圈選的文字內(nèi)容的操作，比如變化、刪除、新增等。但其經(jīng)典的用途卻是，在Web頁面中

2、查找文字(這個比較簡單)和獲取輸入框光標(biāo)的位置。其中后者又有可以衍生出很多更有用的用途，比如：限制輸入的MaskTextBox，其核心技術(shù)點就是獲取輸入框的光標(biāo)位置，然后使用正則表達(dá)式判斷輸入內(nèi)容。還有我后面會介紹的"使用方向鍵在輸入框矩陣中自然的導(dǎo)航"，核心技術(shù)點也是獲取輸入框中的光標(biāo)位置。????獲取輸入框中的光標(biāo)位置的整個代碼其實很短，只是這些對象和方法不太常用而已。function?GetCursorPsn(txb){????var?slct?=?document.selection;??

3、??var?rng?=?slct.createRange();????txb.select();????rng.setEndPoint("StartToStart",?slct.createRange());????var?psn?=?rng.text.length;????rng.collapse(false);????rng.select();????return?psn;}????要徹底的弄清楚TextRange的具體用法，需要了解與其相關(guān)的一些內(nèi)容，請參考MSDN。????這里說一下使用這個GetCursorPsn()方法后，會給

4、輸入框操作帶來的副作用。對于輸入框，它將不能再使用Shift+左右這兩個方向鍵來選擇文本；對于，將不能再使用Shift+上下左右四個方向鍵來選擇文本。因為代碼在獲取了當(dāng)前光標(biāo)到文本的startPoint后，調(diào)用rng.collapse(false);會改變文本筐內(nèi)文本的EditPoint。不過這個副作用基本不會給我們使用文本框帶來什么大的問題，所以基本不用太在意

5、。?2。====javascript獲取textarea光標(biāo)位置，內(nèi)容方法(IE,Firefox)========================1.html>??2.??3.4.??10.??11.????va

6、r?start=0;??12.????var?end=0;??13.????function?add(){?????????14.????????var?textBox?=?document.getElementById("ta");??15.????????var?pre?=?textBox.value.substr(0,?start);??16.????????var?post?=?textBox.value.substr(end);??17.????????textBox.value?=?pre?+?document.getElementById("

7、inputtext").value?+?post;??18.????}??19.????function?savePos(textBox){??20.????????//如果是Firefox(1.5)的話，方法很簡單??21.????????if(typeof(textBox.selectionStart)?==?"number"){??22.????????????start?=?textBox.selectionStart;??23.????????????end?=?textBox.selectionEnd;??24.????????}??25.??

8、??????//下面是IE(6.0)的方法，麻煩得很，還要計算上'