커서 포스팅 요약(Range 활용)_javascript 스킬

먼저 TextRange의 일반적인 메소드부터 살펴보겠습니다

collapse([bStart])
Range 삽입점 이동
bStart true(처음으로 이동) false(끝으로 이동)

findText (sText [, iSearchScope] [, iFlags])
범위에서 sText 찾기
iSearchScope 시작 위치, 음수 방향으로 검색
iFlags 2(전체 단어 일치) 4(대소문자 구분)

moveStart(sUnit [, iCount])
moveEnd(sUnit [, iCount])
Range의 시작 또는 끝 이동
sUnit 문자(단어) 단어(단어) 문장(문장) textedit(Range)
iCount 이동 횟수, 기본값은 1

moveToPoint(iX, iY)
커서를 좌표(iX, iY)로 이동

pasteHTML(sHTMLText)
범위 내 바꾸기 html

scrollIntoView([bAlignToTop])
현재 창에 표시하려면 스크롤
bAlignToTop true(범위는 창의 시작 부분에 있음) false(범위는 창의 시작 부분에 있음) 창 하단)

select()
Select Range

그런 다음 몇 가지 예를 이야기하면 게시물을 찾기가 어렵습니다. 🎜>
커서 설정(qiushuiwuhen)

커서 위치 지정에 대한 추가 정보.abcdefghijklmnopqrstuvwxyz<textarea id="demo" cols="50" rows="5"> 마지막 <input type="checkbox" id="collapse"> 장소 <input id="s" value="4" size="4"> <input value="设置光标" type="button" onclick="setCursor()">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

텍스트 선택 설정(qiushuiwuhen)

<div id="demo">커서 위치 지정에 대한 추가 정보.abcdefghijklmnopqrstuvwxyz</div> 양수 <input id="b" value="4" size="4">부터 마지막 ​​<input id="s" value="4" size="4">자리 <input value="设置文本选择" type="button" onclick="setSelect()">까지
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]
현재 좌표 가져오기 시리즈 1

<textarea id="show" rows="10" cols="100"> 먼저 여기 아무 곳에나 커서를 놓은 다음 버튼을 클릭하여 커서 변경을 확인하세요. <input type="button" value="取得当前坐标" onclick="window.status=GetCursorPos()">
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.
]
현재 좌표 가져오기 시리즈 2

<textarea rows="10" cols="100" onclick="getCursorPosition()"> 베이징 시간으로 10월 6일, 세계 3대 통신사 중 하나인 AFP는 중국 국가대표 쑨지하이가 최근 월드컵 예선에서 보여준 활약으로 이탈리아 클럽 AC 밀란, 토리노와 경쟁을 벌이고 있다는 그래픽 보도를 발표했습니다. 중국 대표팀은 10월 7일 오만과 무승부를 거두면 사상 처음으로 월드컵 본선에 진출할 수 있다. 사진은 1998년 12월 19일 아시안컵 당시 쑨지하이(오른쪽)의 파일사진.

[Ctrl A 모두 선택 참고: <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>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <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>]<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="커서 포스팅 요약(Range 활용)_javascript 스킬" > Alpha 滤镜 :放射状<img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > Alpha 滤镜 :长方形<img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <p style="filter:Dropshadow(color=#ff0080,offx=5,offy=5.positive=0)">样式表滤镜实例</p> <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" style="max-width:90%" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <img src="images/ad.gif" alt="커서 포스팅 요약(Range 활용)_javascript 스킬" > <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需刷新才能执行]