亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > JS > 正文

使用TextRange獲取輸入框中光標的位

2024-09-06 12:44:42
字體：大 中 小
來源：轉載
供稿：網友
TextRange是用來表現HTML元素中文字的對象，雖然我們平時不太常用這個對象，可是它卻在IE4.0中就已提供了。不過TextRange提供的調用方法卻都比較晦澀，那么我們能拿它做些什么呢？ 

    TextRange的傳統用途是對用戶在Web頁上用鼠標圈選的文字內容的操作，比如變化、刪除、新增等。但其經典的用途卻是，在Web頁面中查找文字(這個比較簡單)和獲取輸入框光標的位置。其中后者又有可以衍生出很多更有用的用途，比如：限制輸入的MaskTextBox，其核心技術點就是獲取輸入框的光標位置，然后使用正則表達式判斷輸入內容。還有我后面會介紹的"使用方向鍵在輸入框矩陣中自然的導航"，核心技術點也是獲取輸入框中的光標位置。 

    獲取輸入框中的光標位置的整個代碼其實很短，只是這些對象和方法不太常用而已。 
<script language="javascript"> 
function GetCursorPsn(txb) 
{ 
    var slct = document.selection; 
    var rng = slct.createRange(); 
    txb.select(); 
    rng.setEndPoint("StartToStart", slct.createRange()); 
    var psn = rng.text.length; 
    rng.collapse(false); 
    rng.select(); 
    return psn; 
} 
</script> 

    要徹底的弄清楚TextRange的具體用法，需要了解與其相關的一些內容，請參考MSDN。
    這里說一下使用這個GetCursorPsn()方法后，會給輸入框操作帶來的副作用。對于輸入框<input type="text" onkeydown="GetCursorPsn(this)">，它將不能再使用Shift+左右這兩個方向鍵來選擇文本；對于<textarea onkeydown="GetCursorPsn(this)"></textarea>，將不能再使用Shift+上下左右四個方向鍵來選擇文本。因為代碼在獲取了當前光標到文本的startPoint后，調用rng.collapse(false);會改變文本筐內文本的EditPoint。不過這個副作用基本不會給我們使用文本框帶來什么大的問題，所以基本不用太在意。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩在线视频播放| 欧美一区二区三区图| 欧美国产日本在线| 成人黄色短视频在线观看| 91高清免费视频| 中文字幕免费精品一区| 丝袜一区二区三区| 久久精品99久久久久久久久| 亚洲在线www| 国产精品黄色影片导航在线观看| 97在线免费观看| 成人看片人aa| 一区二区三区视频观看| 欧美日韩久久久久| 久久中文字幕在线视频| 美女国内精品自产拍在线播放| 日韩视频免费大全中文字幕| 尤物yw午夜国产精品视频明星| 中文欧美在线视频| 狠狠爱在线视频一区| 久久久亚洲国产天美传媒修理工| 久久精品电影一区二区| 一区二区欧美激情| 久久婷婷国产麻豆91天堂| 亚洲精品视频中文字幕| 亚洲国产成人爱av在线播放| 久久精品国产91精品亚洲| 亚洲影视中文字幕| 在线播放国产一区中文字幕剧情欧美| 日韩精品在线影院| 国产精品入口尤物| 欧美在线视频一二三| 亚洲精品视频中文字幕| 成人在线观看视频网站| 欧美午夜激情在线| 国产91在线高潮白浆在线观看| 亚洲国产精品久久久久久| 国产精品v片在线观看不卡| 成人黄色免费网站在线观看| 中文日韩在线观看| 亚洲国产欧美一区| 国模私拍一区二区三区| 久久福利视频导航| 久久成人免费视频| 一区二区欧美久久| 欧美大奶子在线| 久久躁狠狠躁夜夜爽| 欧美xxxx18国产| 久热爱精品视频线路一| 午夜精品福利电影| 日韩精品在线免费观看视频| 精品国产欧美成人夜夜嗨| 国产成人在线亚洲欧美| 亚洲视频专区在线| 欧美裸体xxxxx| 91精品国产综合久久久久久蜜臀| 久久天天躁日日躁| 欧美成人黄色小视频| 日韩视频第一页| 91午夜理伦私人影院| 欧美一级成年大片在线观看| 91超碰caoporn97人人| 日韩成人在线视频网站| 精品久久久久久中文字幕| 国产精品色婷婷视频| 国产一区二区三区高清在线观看| 久久综合久中文字幕青草| 精品福利樱桃av导航| 亚洲va久久久噜噜噜久久天堂| 亚洲最大福利视频网| 亚洲欧美中文日韩在线v日本| 久久成人精品一区二区三区| 日韩中文字幕在线观看| 菠萝蜜影院一区二区免费| 亚洲奶大毛多的老太婆| 原创国产精品91| 国产欧美精品日韩精品| 中文字幕亚洲欧美日韩在线不卡| 亚洲精品欧美一区二区三区| 亚洲午夜未满十八勿入免费观看全集| 国产精品日韩一区| 97在线看免费观看视频在线观看| 日韩中文字幕网| 日本中文字幕成人| 欧美激情在线观看视频| 日本欧美黄网站| 欧美大片va欧美在线播放| 8x海外华人永久免费日韩内陆视频| 久久综合免费视频影院| 国产欧美久久久久久| 亚洲国产精品电影在线观看| 最新国产精品拍自在线播放| 成人做爰www免费看视频网站| 精品福利樱桃av导航| 神马久久桃色视频| 亚洲美女在线观看| 国产国产精品人在线视| 亚洲欧美中文字幕| 国产亚洲精品久久久久久牛牛| 日韩成人av网| 欧美精品激情在线观看| 久久久久久久国产| 17婷婷久久www| 国产精品日韩av| 亚洲人成绝费网站色www| 亚洲国产精品久久精品怡红院| 欧美成人国产va精品日本一级| 高清欧美电影在线| xxxxxxxxx欧美| 国产成人久久久| 亚洲精品久久久久久下一站| 中文字幕久精品免费视频| 伊人伊成久久人综合网站| 亚洲美女在线看| 国内精品视频久久| 成人激情免费在线| 亚洲欧洲日产国码av系列天堂| 亚洲成人激情小说| 在线观看亚洲视频| 亚洲xxx视频| 欧美激情第99页| 欧美激情视频一区二区三区不卡| 日韩va亚洲va欧洲va国产| 精品久久久香蕉免费精品视频| 国内精品久久久久久中文字幕| 亚洲成人黄色在线观看| www.久久撸.com| 亚洲精品资源在线| 欧美日韩国产一区在线| 亚洲精品av在线播放| 国产精品一区二区性色av| 精品视频在线播放| 亚洲第一福利视频| 欧亚精品中文字幕| 欧美在线激情网| 中文字幕成人在线| 亚洲福利在线播放| 97视频在线观看亚洲| 欧美一二三视频| 欧洲中文字幕国产精品| 日韩精品在线视频观看| 菠萝蜜影院一区二区免费| 欧美一区二区视频97| 亚洲va欧美va在线观看| 亚洲美女动态图120秒| 中国人与牲禽动交精品| 国产做受69高潮| 国产91精品在线播放| 精品国产户外野外| 国产精品你懂得| 国产日韩欧美自拍| 亚洲成人aaa| 中文字幕在线日韩| 97精品伊人久久久大香线蕉| 国产成人久久久精品一区| 欧美性高跟鞋xxxxhd| 国产丝袜精品视频| 日韩av一区二区在线观看| 亚洲精美色品网站| 有码中文亚洲精品| 久久天天躁狠狠躁夜夜躁2014| 欧美激情精品久久久久久蜜臀| 日韩中文有码在线视频| 国产精品自产拍在线观看中文|