Cursor’s post summary (use of Range)_javascript skills

Let’s talk about the common methods of TextRange first

collapse([bStart])
Move the insertion point of Range
bStart true (move to the beginning) false (move to the end)

findText (sText [, iSearchScope] [, iFlags])
Find sText in Range
iSearchScope starting position, search in negative direction
iFlags 2 (whole word match) 4 (case sensitive)

moveStart(sUnit [, iCount])
moveEnd(sUnit [, iCount])
Move the beginning or end of Range
sUnit character(word) word(word) sentence(sentence) textedit(Range)
iCount number of moves, default is 1

moveToPoint(iX, iY)
Move the cursor to coordinates (iX, iY)

pasteHTML(sHTMLText)
Replace in Range html

scrollIntoView([bAlignToTop])
Scroll to display in the current window
bAlignToTop true (Range is at the beginning of the window) false (Range is at the bottom of the window)

select()
Select Range

and then talk about some examples. You can also help to summarize it. It’s hard to find posts, haha ​​
Set the cursor (qiushuiwuhen)

<textarea id="demo" cols="50" rows="5">Additional information about cursor positioning.abcdefghijklmnopqrstuvwxyz <input type="checkbox" id="collapse">The last <input id="s" value="4" size="4"> place <input value="设置光标" type="button" onclick="setCursor()">
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]
Set text selection (qiushuiwuhen)

<div id="demo"> </div>Additional information about cursor positioning.abcdefghijklmnopqrstuvwxyz<input id="b" value="4" size="4"> From the positive number <input id="s" value="4" size="4"> to the last <input value="设置文本选择" type="button" onclick="setSelect()"> digit
[Ctrl A Select all Note:

If you need to introduce external Js, you need to refresh to execute
]
Get the current coordinates Series 1

<textarea id="show" rows="10" cols="100"> <input type="button" value="取得当前坐标" onclick="window.status=GetCursorPos()"> First place the cursor anywhere here, then click the button to see the cursor change

[Ctrl A Select all Note:
If you need to introduce external Js, you need to refresh to execute ]

Get the current coordinates Series 2<textarea rows="10" cols="100" onclick="getCursorPosition()">
On October 6, Beijing time, AFP, one of the world's three major news agencies, published a graphic report that Chinese international Sun Jihai has attracted competition from Italian clubs AC Milan and Torino due to his performance in the recent World Cup qualifiers. purchase. The Chinese team only needs to draw with Oman on October 7 to enter the World Cup finals for the first time. The picture shows a file photo of Sun Jihai (right) at the Asian Cup on December 19, 1998.

<script> function setCursor(){ var num=parseInt(document.all.s.value) range=document.all.demo.createTextRange(); if(document.all.collapse.checked){ range.collapse(false); range.moveEnd('character',-1*num); }else{ range.collapse(true); range.moveStart('character',-1+num); } range.select(); } </script>[Ctrl A select all Note: <script> function setSelect(){var range = document.body.createTextRange(); range.moveToElementText(demo) range.moveEnd('character',-1*parseInt(document.all.s.value)); range.moveStart('character',-1+parseInt(document.all.b.value)); range.select(); } </script>If you need to introduce external Js, you need to refresh to execute <script> function GetCursorPos(oTextArea) { s="~!@#$%^"; clipboardData.setData('text',s); show.focus(); document.execCommand('paste'); var arr=show.value.split(s); show.value=arr[1]; show.document.selection.empty(); show.document.selection.createRange().select(); show.focus(); clipboardData.setData('text',arr[0]); document.execCommand('paste'); return arr[0].length; } </script>]
取得当前坐标系列3(Yang)

<textarea rows="20" cols="80" id="show"> Alpha 滤镜 : 线形 <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > Alpha 滤镜 :放射状<img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > Alpha 滤镜 :长方形<img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <p style="filter:Dropshadow(color=#ff0080,offx=5,offy=5.positive=0)">样式表滤镜实例</p> <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" style="max-width:90%" alt="Cursor’s post summary (use of Range)_javascript skills" > <img src="images/ad.gif" alt="Cursor’s post summary (use of Range)_javascript skills" > <input type="button" value="运行代码" onclick="window.open().document.writeln(show.value)"> <input type="button" value="取得当前坐标" onclick="window.status=GetCursorPos(show)"> <script> function GetCursorPos(oTextArea) { s="~!@#$%^"; clipboardData.setData('text',s); oTextArea.focus(); document.execCommand('paste'); var ret=oTextArea.value.indexOf(s); document.execCommand('undo'); return ret; } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]