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

首頁 > 開發 > JS > 正文

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

2024-09-06 12:43:07
字體：大 中 小
來源：轉載
供稿：網友
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
九九精品在线播放| 国产精品高潮呻吟久久av无限| 久久久精品国产一区二区| 国产午夜精品全部视频在线播放| 久久久久999| 欧美激情二区三区| 欧洲日本亚洲国产区| 国产精品91久久久久久| 九色精品免费永久在线| 日韩欧美极品在线观看| 国产精品视频永久免费播放| 日韩国产欧美精品一区二区三区| 亚洲第一精品夜夜躁人人爽| 精品一区二区三区三区| 国产精品丝袜高跟| 亚洲精品福利视频| 国自在线精品视频| 欧美激情videos| 亚洲最新av在线| 午夜免费在线观看精品视频| 国产91色在线| 亚洲一区二区久久久久久久| 亚洲毛片在线观看| 国产午夜精品麻豆| 国产成人精品免费视频| 久热精品在线视频| 成人免费视频网址| 全色精品综合影院| 免费不卡在线观看av| 91精品国产自产在线老师啪| 日韩精品极品在线观看播放免费视频| 九九热在线精品视频| 亚洲人免费视频| 日韩免费精品视频| www.日本久久久久com.| 欧美肥臀大乳一区二区免费视频| 久久精品国产亚洲7777| 久久国产精品影视| 97不卡在线视频| 国产欧美精品一区二区三区-老狼| 国产精品美女久久久免费| 欧美激情视频播放| 亚洲丁香婷深爱综合| 免费97视频在线精品国自产拍| 日韩在线观看免费全| 国产精品女视频| 欧美人在线观看| 在线精品播放av| 亚洲天堂网在线观看| 97香蕉久久超级碰碰高清版| 欧美成人午夜激情视频| 欧美人成在线视频| 国产成人精品免高潮在线观看| 亚洲日本aⅴ片在线观看香蕉| 精品中文字幕在线| 亚洲午夜激情免费视频| 91精品国产高清| 自拍偷拍亚洲精品| 亚洲欧美激情一区| 精品五月天久久| 成人黄色免费网站在线观看| 亚洲欧美一区二区精品久久久| www.午夜精品| 2018日韩中文字幕| 深夜精品寂寞黄网站在线观看| 在线视频中文亚洲| 日韩在线观看免费高清完整版| 亚洲a∨日韩av高清在线观看| 亚洲全黄一级网站| 欧美乱大交xxxxx另类电影| 国产精品男人的天堂| 一区二区成人av| 成人欧美一区二区三区在线湿哒哒| 久久夜色精品国产亚洲aⅴ| 日韩av在线电影网| 久久久久久久久久久av| 国产精品第3页| 欧美猛交免费看| 成人亚洲激情网| 日韩欧美在线第一页| 欧美日韩一区二区在线| 色综合色综合久久综合频道88| 不卡av电影在线观看| 日本三级久久久| 亚洲精品福利在线| 日韩一二三在线视频播| 国产精品成人品| 色综合久久中文字幕综合网小说| 亚洲网站在线播放| 日韩欧美aⅴ综合网站发布| 国产日韩欧美影视| 这里只有精品在线观看| 日韩高清有码在线| 久久久97精品| 中文字幕一精品亚洲无线一区| 亚洲欧美日韩中文在线制服| 亚洲一区二区免费在线| 国模极品一区二区三区| 日韩精品极品毛片系列视频| 国产亚洲综合久久| 亚洲视频欧洲视频| 国产精品高清免费在线观看| 日韩亚洲欧美中文在线| xxx一区二区| 日韩亚洲欧美中文高清在线| 久久天天躁狠狠躁夜夜爽蜜月| 亚洲男人天堂网站| 精品一区精品二区| 亚洲国产欧美一区二区三区久久| 亚洲第一中文字幕在线观看| 亚洲欧美国内爽妇网| 国产精品揄拍500视频| 色妞在线综合亚洲欧美| 亚洲精品福利资源站| 久久久久久久久国产| 国产欧美日韩精品丝袜高跟鞋| 亚洲国产欧美一区二区三区同亚洲| 日韩av色在线| 久久视频这里只有精品| 亚洲精品av在线播放| 精品国产一区二区三区久久狼黑人| 亚洲精品国产综合区久久久久久久| 亚洲国产精品电影在线观看| 日本久久精品视频| 亚洲天堂av在线免费| 久久97久久97精品免视看| 日本精品久久久久久久| 亲子乱一区二区三区电影| 国产成人精品免高潮费视频| 中文字幕在线亚洲| 最近中文字幕mv在线一区二区三区四区| 国产欧美日韩精品在线观看| 亚洲美女av电影| 欧美在线观看一区二区三区| 正在播放国产一区| 日韩av一区二区在线观看| 亚洲第一页在线| 国产精品国产三级国产aⅴ9色| 久久久精品国产亚洲| 亚洲精品mp4| 亚洲黄色成人网| 欧美精品手机在线| 日韩一区av在线| 69视频在线免费观看| 国产精品成人一区二区| 亚洲一区二区三区乱码aⅴ蜜桃女| 久久久久久久色| 精品国产鲁一鲁一区二区张丽| 色偷偷偷综合中文字幕;dd| 精品国产一区二区三区久久久狼| 成人精品在线视频| 亚洲欧美激情视频| 国产美女高潮久久白浆| 91成人免费观看网站| 亚洲aⅴ男人的天堂在线观看| 久久久爽爽爽美女图片| 亚洲成人999| 久久久精品在线观看| 亚洲天堂第一页| 日韩少妇与小伙激情| 黑人与娇小精品av专区| 欧美亚洲国产成人精品| 欧美激情久久久久| 91国语精品自产拍在线观看性色|