首頁 >web前端 >js教程 >createTextRange()的使用範例含文字方塊選取部分文字內容_javascript技巧

createTextRange()的使用範例含文字方塊選取部分文字內容_javascript技巧

WBOY
WBOY原創
2016-05-16 16:58:331310瀏覽
複製程式碼 程式碼如下:





取得指定文字方塊中的選取的文字:只回應第一個文字方塊
複製程式碼 程式碼如下:






頁面文字倒序找出 程式碼如下:


ababababababa



聚焦控制後把遊標放到最後 程式碼如下:





得到文字方塊內遊標位置
複製程式碼





控制input框內光標位置 複製程式碼
程式碼如下:






選取文字方塊中的一段文字複製程式碼
程式碼如下:


function sel(obj,num)
{
varg=obj.createTextRange()
var sel = rng.duplicate(); 🎜>sel.moveStart("字元", num);
sel.setEndPoint("EndToStart", rng);
sel.select();
}
腳本>

控製文字方塊內部的移動

複製程式碼程式碼如下:


” onclick=開始(1)>

函數go(n){
demo.focus();
with(document.selection.createRange())
{
moveStart("character",n);
崩潰();
選擇();
}
}
腳本>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn