createTextRange和createRange

1. 一、返回createTextRange的text和htmlText
3. <script language="javascript">
4. function test()
5. {
6. var rng=document.body.createTextRange();
7. alert(rng.text)
8. }
9. function test1()
10. {
11. var rng=document.body.createTextRange();
12. alert(rng.htmlText)
13. }
14. </script>
15. <input type="button" onclick="test()" value="text">
16. <input type="button" onclick="test1()" value="htmlText">
19. 二、获取指定文本框中的选中的文字：只响应第一个文本框
21. <input id="inp1" type="text" value="1234567890">
22. <input id="inp2" type="text" value="9876543210">
23. <input type="button" onclick="test()" value="确定">
24. <script language="javascript">
25. function test()
26. {
27. var o=document.getElementById("inp1")
28. var r = document.selection.createRange();
29. if(o.createTextRange().inRange(r))
30. alert(r.text);
31. }
32. </script>
35. 三、页面文本倒序查找
37. abababababababa
38. <input value="倒序查找a" onclick=myfindtext("a") type="button">
39. <script language ='javascript'>
40. var rng = document.body.createTextRange();
41. function myfindtext(text)
42. {
43. rng.collapse(false);
44. if(rng.findText(text,-1,1))
45. {
46. rng.select();
47. rng.collapse(true);
48. }else
49. {alert("end");}
50. }
51. </script>
54. 四、聚焦控件后把光标放到最后
56. <script language="javascript">
57. function setFocus()
58. {
59. var obj = event.srcElement;
60. var txt =obj.createTextRange();
61. txt.moveStart('character',obj.value.length);
62. txt.collapse(true);
63. txt.select();
64. }
65. </script>
66. <input type="text" value="http://toto369.net" onfocus="setFocus()">
69. 五、得到文本框内光标位置
71. <script language="javascript">
72. function getPos(obj){
73. obj.focus();
74. var s=document.selection.createRange();
75. s.setEndPoint("StartToStart",obj.createTextRange())
76. alert(s.text.length);
77. }
78. </script>
79. <input type="text" id="txt1" value="1234567890">
80. <input type="button" value="得到光标位置" onclick=getPos(txt1)>
83. 六、控制input框内光标位置
85. <script language="javascript">
86. function setPos(num)
87. {
88. text1.focus();
89. var e =document.getElementById("text1");
90. var r =e.createTextRange();
91. r.moveStart('character',num);
92. r.collapse(true);
93. r.select();
94. }
95. </script>
96. <input type="text" id="text1" value="1234567890">
97. <select onchange="setPos(this.selectedIndex)">
98. <option value="0">0</option>
99. <option value="1">1</option>
100. <option value="2">2</option>
101. <option value="3">3</option>
102. <option value="4">4</option>
103. <option value="5">5</option>
104. <option value="6">6</option>
105. <option value="7">7</option>
106. </select>
109. 七、选中文本框中的一段文字
111. <script language=javascript>
112. function sel(obj,num)
113. {
114. var rng=obj.createTextRange()
115. var sel = rng.duplicate();
116. sel.moveStart("character", num);
117. sel.setEndPoint("EndToStart", rng);
118. sel.select();
119. }
120. </script>
121. <input type="text" id="text1" value="1234567890">
122. <select onchange="sel(text1,this.value)">
123. <option value="0">0</option>
124. <option value="1">1</option>
125. <option value="2">2</option>
126. <option value="3">3</option>
127. <option value="4">4</option>
128. <option value="5">5</option>
129. <option value="6">6</option>
130. <option value="7">7</option>
131. </select>
134. 八、控制文本框内光标的移动
136. <input type="button" value="<" onclick=go(-1)>
137. <input id="demo" value="这里是文字">
138. <input type="button" value=">" onclick=go(1)>
139. <script language="javascript">
140. function go(n){
141. demo.focus();
142. with(document.selection.createRange())
143. {
144. moveStart("character",n);
145. collapse();
146. select();
147. }
148. }
149. </script>