`

（转） createTextRange的text和htmltext的用法

 
阅读更多

collapse([bStart])
移动Range的插入点
bStart true(移到开头) false(移到末尾)

findText(sText [, iSearchScope] [, iFlags])
在Range中查找sText
iSearchScope 开始位置，负数方向搜索
iFlags 2(整词匹配) 4(区别大小写)

moveStart(sUnit [, iCount])
moveEnd(sUnit [, iCount])
移动Range的开头或结尾
sUnit character(字) word(词) sentence(句) textedit(Range)
iCount 移动数量，默认为1

moveToPoint(iX, iY)
移动光标到坐标(iX,iY)

pasteHTML(sHTMLText)
替换Range中的html

scrollIntoView([bAlignToTop])
滚动使之在当前窗口显示
bAlignToTop true(Range在窗口开头) false(Range在窗口底部)

select()
选中Range

设置光标(qiushuiwuhen)
<textarea id=demo cols=50 rows=5>关于光标定位的补充.abcdefghijklmnopqrstuvwxyz</textarea>
<br><input type=checkbox id=collapse>倒数 第<input id=s value=4 size=4>位 <input value="设置光标" type=button onclick=setCursor()>
<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>

设置文本选择(qiushuiwuhen)
<div id=demo>关于光标定位的补充.abcdefghijklmnopqrstuvwxyz</div>
<br> 从正数<input id=b value=4 size=4> 到 倒数第<input id=s value=4 size=4>位 <input value="设置文本选择" type=button onclick=setSelect()>
<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>

取得当前坐标系列1(qiushuiwuhen)
<textarea id=show rows=10 cols=100>
先将光标置在这里任意处，然后点击按钮，看光标变化
</textarea>
<br><input type=button value=取得当前坐标 onclick='window.status=GetCursorPos()'>
<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>

取得当前坐标系列2(色眯眯的小疯狗)
<textarea rows=10 cols=100 onclick="getCursorPosition()">
北 京时间10月6日，世界三大通讯社之一的法新社刊发图文报道，中国国脚孙继海因为在最近的世界杯预选赛中的表现，已经吸引了意大利俱乐部AC米兰和都灵队 的争购。中国队只需在10月7日同阿曼队的比赛中战平就将首次进入世界杯决赛圈。图为孙继海(右)1998年12月19日在亚洲杯上的资料图 片。</textarea>
<script language=JScript>
function getCursorPosition(){
var src = event.srcElement
var oTR = src.createTextRange()
var textLength = src.innerText.length
var line, char, total, cl
oTR.moveToPoint(window.event.x, window.event.y)
oTR.moveStart("character", -1*textLength)
cl = oTR.getClientRects()
line = cl.length
total = oTR.text.length
oTR.moveToPoint(cl[cl.length-1].left-2, cl[cl.length-1].top-2)
oTR.moveStart("character", -1*textLength)
char = total - oTR.text.length
window.status = "行: " + line +", 列: " + char + ", 第 " + total + " 个字符"
}
</SCRIPT>

取得当前坐标系列3(Yang)
<textarea rows=20 cols=80 id=show>
Alpha 滤镜 : 线形 <img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=0,finishx=468,finishy=60)'><br>
Alpha 滤镜 :放射状<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=2,startx=0,starty=0,finishx=468,finishy=60)'><br>
Alpha 滤镜 :长方形<img src=images/ad.gif style='filter: Alpha(opacity=100,finishopacity=0,style=3,startx=0,starty=0,finishx=468,finishy=60)'><br>
<img src=images/ad.gif style='filter:blur(add=ture,direction=135,strength=100)'><br>
<img src=images/ad.gif style='filter:filph'><br>
<img src=images/ad.gif style='filter:filpv'><br>
<img src=images/ad.gif style='filter:chroma(color=white)'><br>
<p style='filter:Dropshadow(color=#ff0080,offx=5,offy=5.positive=0)'>样式表滤镜实例</p><br>
<img src=images/ad.gif style='filter:glow(color=blue,strength=10)'><br>
<img src=images/ad.gif style='filter:gray'><br>
<img src=images/ad.gif style='filter:invert'><br>
<img src=images/ad.gif style='filter:xray'><br>
<img src=images/ad.gif style='filter:light'><br>
<img src=images/ad.gif style='filter:mask(color=white)'><br>
<img src=images/ad.gif style='filter:shadow(color=red,direction=225)'><br>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)'><br>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=30,phase=50,strength=5)'><br>
<img src=images/ad.gif style='filter:wave(add=add,freq=2,lightstrength=90,phase=25,strength=5)'><br>
<img src=images/ad.gif style=''><br>
</textarea>
<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>

取得当前坐标系列4(qiushuiwuhen)
<textarea id=demo cols=50>
中文abcdefghijklmnopqrstuvwxyz
</textarea>
<br><input type=button onclick=get(demo) value=get>
<script>
function get(oTextarea){
var qswh="@#%#^&#*$"
oTextarea.focus();
rng=document.selection.createRange();
rng.text=qswh;
var tmp=oTextarea.value.indexOf(qswh)
rng.moveStart("character", -qswh.length)
rng.text="";
alert(tmp);
}
</script>

取得当前坐标系列5(色眯眯的小疯狗)
<textarea rows=10 cols=100 onclick="getCursorPosition()" onkeyup="getCursorPosition()">
北 京时间10月6日，世界三大通讯社之一的法新社刊发图文报道，中国国脚孙继海因为在最近的世界杯预选赛中的表现，已经吸引了意大利俱乐部AC米兰和都灵队 的争购。中国队只需在10月7日同阿曼队的比赛中战平就将首次进入世界杯决赛圈。图为孙继海(右)1998年12月19日在亚洲杯上的资料图 片。</textarea>
<script language=JScript>
function getCursorPosition(){
var src = event.srcElement
var oTR = src.createTextRange()
var oSel = document.selection.createRange()
var textLength = src.innerText.length
var line, char, total, cl
oTR.moveToPoint(oSel.offsetLeft, oSel.offsetTop)
oTR.moveStart("character", -1*textLength)
cl = oTR.getClientRects()
line = cl.length
total = oTR.text.length
oTR.moveToPoint(cl[cl.length-1].left, cl[cl.length-1].top)
oTR.moveStart("character", -1*textLength)
char = total - oTR.text.length
if (oSel.offsetTop != cl[cl.length-1].top) {line++; char = 0}
else if (src.createTextRange().text.substr(oTR.text.length, 2) == "/r/n") char -= 2
window.status = "行: " + line +", 列: " + char + ", 第 " + total + " 个字符"
}
</SCRIPT>
取得当前坐标系列6(qiushuiwuhen)
<textarea id=demo cols=50>
中文abcdefghijklmnopqrstuvwxyz</textarea>
<br><input type=button value=getPos onclick=getPos(demo)>
<script>
function getPos(obj){
obj.focus();ml=obj.value.length;l=0;
rng=document.selection.createRange();
rng.moveEnd("character",ml);
try{l=ml-rng.htmlText.match(/>((.|/n)+)<//textarea>/i)[1].length}catch(e){}
alert(l)
}
</script>

获取光标位置系列7(flashsoft)
<body><div id=box>点击textarea</div>
<script>
function doit(){
var rng = event.srcElement.createTextRange();
rng.moveToPoint(event.x,event.y);
rng.moveEnd("character",event.srcElement.value.length)
box.innerText = "光标位置：" + (event.srcElement.value.length - rng.text.length)
}
</script><textarea onclick=doit() rows="6" cols="33">sdfsdfsdfsdfsdfsdfsdf</textarea></body>

获取光标位置系列8(flashsoft)

view plain copy to clipboard print ?
  1. < html >
  3. < head >
  4. < meta http-equiv = "Content-Type" content = "text/html;charset=gb2312" >
  5. < meta name = "GENERATOR" content = "MicrosoftFrontPage4.0" >
  6. < meta name = "ProgId" content = "FrontPage.Editor.Document" >
  7. < title > 光标位置 </ title >
  8. < style >
  9. INPUT{border:1solid#000000}
  10. BODY,TABLE{font-size:10pt}
  11. </ style >
  12. </ head >
  14. < body >
  17. < table border = "0" width = "700" cellspacing = "0" cellpadding = "0" >
  18. < tr >
  19. < td width = "479" rowspan = "7" >
  20. 点击TextArea实现光标定位
  22. < p >
  23. < textarea rows = "7" cols = "49" id = "box" onclick = tellPoint () > 我怕来不及我要抱着你，直到感觉你的绉纹有了岁月的痕迹，直到视线变得模糊直到不能呼吸
  24. 为了你我愿意
  25. 动也不能动也要看着你，直到感觉你的发线有了白雪的痕迹，直到肯定你是真的直到失去力气让我们形影不离
  26. 如果全世界我也可以放弃，至少还有你值得我去珍惜而你在这里就是生命的奇迹
  27. 也许全世界我也可以忘记，就是不愿意失去你的消息你掌心的痣我总记得在哪里
  28. 我们好不容易我们身不由已，我怕时间太快不够将你看仔细，我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离
  29. </ textarea >
  31. < script >
  33. functionmovePoint()
  34. {
  35. var pn = parseInt (pnum.value);
  37. if(isNaN(pn))
  38. return;
  40. var rng = box .createTextRange();
  42. rng.moveStart("character",pn);
  44. rng.collapse(true);
  46. rng.select();
  48. returnCase(rng)
  50. }
  52. functiontellPoint()
  53. {
  54. var rng = event .srcElement.createTextRange();
  56. rng.moveToPoint(event.x,event.y);
  57. rng.moveStart("character",-event.srcElement.value.length)
  59. pnum.value = rng .text.length
  61. returnCase(rng)
  62. }
  65. functionreturnCase(rng)
  66. {
  67. bh.innerText = rng .boundingHeight;
  68. bl.innerText = rng .boundingLeft;
  69. bt.innerText = rng .boundingTop;
  70. bw.innerText = rng .boundingWidth;
  71. ot.innerText = rng .offsetTop;
  72. ol.innerText = rng .offsetLeft;
  73. t.innerText=rng.text;
  74. }
  77. functionselectText(sp,ep)
  78. {
  79. sp = parseInt (sp)
  80. ep = parseInt (ep)
  82. if(isNaN(sp)||isNaN(ep))
  83. return;
  85. var rng = box .createTextRange();
  87. rng.moveEnd("character",-box.value.length)
  88. rng.moveStart("character",-box.value.length)
  90. rng.collapse(true);
  92. rng.moveEnd("character",ep)
  93. rng.moveStart("character",sp)
  95. rng.select();
  97. returnCase(rng);
  98. }
  100. var rg = box .createTextRange();
  102. functionfindText(tw)
  103. {
  104. if( tw =="")
  105. return;
  107. var sw = 0 ;
  109. if(document.selection)
  110. {
  111. sw = document .selection.createRange().text.length;
  112. }
  114. rg.moveEnd("character",box.value.length);
  116. rg.moveStart("character",sw);
  119. if(rg.findText(tw))
  120. {
  121. rg.select();
  123. returnCase(rg);
  124. }
  126. if(rg.text!=tw)
  127. {
  128. alert("已经搜索完了")
  129. rg = box .createTextRange()
  130. }
  132. }
  134. </ script >
  135. </ p >
  136. < p > </ p >
  137. 光标位置： < input type = "text" value = "0" id = "pnum" size = "8" > < input type = "button" onclick = "movePoint()" value = "移动光标到指定位置" >
  138. < p > </ p >
  139. 选择指定范围： < input type = "text" size = "9" id = "sbox" > -- < input type = "text" size = "9" id = "ebox" > < input type = "button" onclick = "selectText(sbox.value,ebox.value)" value = "选择" >
  140. < p > </ p >
  141. 选择查找字符： < input type = "text" value = "" id = "cbox" size = "8" > < input type = "button" onclick = "findText(cbox.value)" value = "查找下一个并选择" >
  143. </ td >
  144. < td width = "217" > boundingHeight:&nbsp; < span id = "bh" > </ span > </ td >
  145. </ tr >
  146. < tr >
  147. < td width = "217" > boundingWidth:&nbsp; < span id = "bw" > </ span > </ td >
  148. </ tr >
  149. < tr >
  150. < td width = "217" > boundingTop:&nbsp; < span id = "bt" > </ span > </ td >
  151. </ tr >
  152. < tr >
  153. < td width = "217" > boundingLeft:&nbsp; < span id = "bl" > </ span > </ td >
  154. </ tr >
  155. < tr >
  156. < td width = "217" > offsetLeft:&nbsp; < span id = "ol" > </ span > </ td >
  157. </ tr >
  158. < tr >
  159. < td width = "217" > offsetTop:&nbsp; < span id = "ot" > </ span > </ td >
  160. </ tr >
  161. < tr >
  162. < td width = "217" > text:&nbsp; < span style = "position:absolute;z-index:10" id = "t" > </ span > </ td >
  163. </ tr >
  164. </ table >
  165. </ body >
  167. </ html >
view plain copy to clipboard print ?
  1. < html >
  3. < head >
  4. < meta http-equiv = "Content-Type" content = "text/html;charset=gb2312" >
  5. < meta name = "GENERATOR" content = "MicrosoftFrontPage4.0" >
  6. < meta name = "ProgId" content = "FrontPage.Editor.Document" >
  7. < title > 光标位置 </ title >
  8. < style >
  9. INPUT{border:1solid#000000}
  10. BODY,TABLE{font-size:10pt}
  11. </ style >
  12. </ head >
  14. < body >
  17. < table border = "0" width = "700" cellspacing = "0" cellpadding = "0" >
  18. < tr >
  19. < td width = "479" rowspan = "7" >
  20. 点击TextArea实现光标定位
  22. < p >
  23. < textarea rows = "7" cols = "49" id = "box" onclick = tellPoint () > 我怕来不及我要抱着你，直到感觉你的绉纹有了岁月的痕迹，直到视线变得模糊直到不能呼吸
  24. 为了你我愿意
  25. 动也不能动也要看着你，直到感觉你的发线有了白雪的痕迹，直到肯定你是真的直到失去力气让我们形影不离
  26. 如果全世界我也可以放弃，至少还有你值得我去珍惜而你在这里就是生命的奇迹
  27. 也许全世界我也可以忘记，就是不愿意失去你的消息你掌心的痣我总记得在哪里
  28. 我们好不容易我们身不由已，我怕时间太快不够将你看仔细，我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离
  29. </ textarea >
  31. < script >
  33. functionmovePoint()
  34. {
  35. varpn = parseInt (pnum.value);
  37. if(isNaN(pn))
  38. return;
  40. varrng = box .createTextRange();
  42. rng.moveStart("character",pn);
  44. rng.collapse(true);
  46. rng.select();
  48. returnCase(rng)
  50. }
  52. functiontellPoint()
  53. {
  54. varrng = event .srcElement.createTextRange();
  56. rng.moveToPoint(event.x,event.y);
  57. rng.moveStart("character",-event.srcElement.value.length)
  59. pnum.value = rng .text.length
  61. returnCase(rng)
  62. }
  65. functionreturnCase(rng)
  66. {
  67. bh.innerText = rng .boundingHeight;
  68. bl.innerText = rng .boundingLeft;
  69. bt.innerText = rng .boundingTop;
  70. bw.innerText = rng .boundingWidth;
  71. ot.innerText = rng .offsetTop;
  72. ol.innerText = rng .offsetLeft;
  73. t.innerText=rng.text;
  74. }
  77. functionselectText(sp,ep)
  78. {
  79. sp = parseInt (sp)
  80. ep = parseInt (ep)
  82. if(isNaN(sp)||isNaN(ep))
  83. return;
  85. varrng = box .createTextRange();
  87. rng.moveEnd("character",-box.value.length)
  88. rng.moveStart("character",-box.value.length)
  90. rng.collapse(true);
  92. rng.moveEnd("character",ep)
  93. rng.moveStart("character",sp)
  95. rng.select();
  97. returnCase(rng);
  98. }
  100. varrg = box .createTextRange();
  102. functionfindText(tw)
  103. {
  104. if(tw =="")
  105. return;
  107. varsw = 0 ;
  109. if(document.selection)
  110. {
  111. sw = document .selection.createRange().text.length;
  112. }
  114. rg.moveEnd("character",box.value.length);
  116. rg.moveStart("character",sw);
  119. if(rg.findText(tw))
  120. {
  121. rg.select();
  123. returnCase(rg);
  124. }
  126. if(rg.text!=tw)
  127. {
  128. alert("已经搜索完了")
  129. rg = box .createTextRange()
  130. }
  132. }
  134. </ script >
  135. </ p >
  136. < p > </ p >
  137. 光标位置：< input type = "text" value = "0" id = "pnum" size = "8" > < input type = "button" onclick = "movePoint()" value = "移动光标到指定位置" >
  138. < p > </ p >
  139. 选择指定范围：< input type = "text" size = "9" id = "sbox" > -- < input type = "text" size = "9" id = "ebox" > < input type = "button" onclick = "selectText(sbox.value,ebox.value)" value = "选择" >
  140. < p > </ p >
  141. 选择查找字符：< input type = "text" value = "" id = "cbox" size = "8" > < input type = "button" onclick = "findText(cbox.value)" value = "查找下一个并选择" >
  143. </ td >
  144. < td width = "217" > boundingHeight:&nbsp; < span id = "bh" > </ span > </ td >
  145. </ tr >
  146. < tr >
  147. < td width = "217" > boundingWidth:&nbsp; < span id = "bw" > </ span > </ td >
  148. </ tr >
  149. < tr >
  150. < td width = "217" > boundingTop:&nbsp; < span id = "bt" > </ span > </ td >
  151. </ tr >
  152. < tr >
  153. < td width = "217" > boundingLeft:&nbsp; < span id = "bl" > </ span > </ td >
  154. </ tr >
  155. < tr >
  156. < td width = "217" > offsetLeft:&nbsp; < span id = "ol" > </ span > </ td >
  157. </ tr >
  158. < tr >
  159. < td width = "217" > offsetTop:&nbsp; < span id = "ot" > </ span > </ td >
  160. </ tr >
  161. < tr >
  162. < td width = "217" > text:&nbsp; < span style = "position:absolute;z-index:10" id = "t" > </ span > </ td >
  163. </ tr >
  164. </ table >
  165. </ body >
  167. </ html >


今天又看到一种

view plain copy to clipboard print ?
  1. < textarea id = demo cols = 50 >
  2. 中文abcdefghijklmnopqrstuvwxyz </ textarea >
  3. < br > < input type = button value = getPos onclick = getPos (demo) >
  4. < script >
  5. functiongetPos(obj){
  6. obj.focus();
  7. var workRange = document .selection.createRange();
  8. obj.select();
  9. var allRange = document .selection.createRange();
  10. workRange.setEndPoint("StartToStart",allRange);
  11. var len = workRange .text.length;
  12. workRange.collapse(false);
  13. workRange.select();
  14. alert(len);
  15. }
  16. </ script >
view plain copy to clipboard print ?
  1. < textarea id = demo cols = 50 >
  2. 中文abcdefghijklmnopqrstuvwxyz</ textarea >
  3. < br > < input type = button value = getPos onclick = getPos (demo) >
  4. < script >
  5. functiongetPos(obj){
  6. obj.focus();
  7. varworkRange = document .selection.createRange();
  8. obj.select();
  9. varallRange = document .selection.createRange();
  10. workRange.setEndPoint("StartToStart",allRange);
  11. varlen = workRange .text.length;
  12. workRange.collapse(false);
  13. workRange.select();
  14. alert(len);
  15. }
  16. </ script >
分享到：
| （转）使用TextRange对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js createRange与createTextRange的一些用法实例

    一、返回createTextRange的text和htmlText [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 二、获取指定文本框中的选中的文字：只响应第一个文本框 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 三、页面...

    createTextRange()的使用示例含文本框选中部分文字内容

    代码如下: [removed] function test() { var rng=document....rng.htmlText&#41; } [removed] &lt;input type=”button” onclick=”test()” value=”text”&gt; &lt;input type=”button” onclick=”test1()” val

    js使用小技巧

    快速转到位置 obj.scrollIntoView(true) 锚 &lt;a name="first"&gt; &lt;a href="#first"&gt;anchors 网页传递参数 location.search(); 可编辑 obj.contenteditable=true 执行菜单命令 obj.execCommand 双字节字符 ...

    javascript实现复制与粘贴操作实例

    本文实例讲述了javascript实现复制与粘贴操作的方法。分享给大家供大家参考。 具体实现方法如下： 代码如下:[removed] function readTxt() ...window.clipboardData.setData(‘text’,t.createTextRange().text);

    JS复制特定内容到粘贴板

    [removed] function readTxt() { alert&#40;... window.clipboardData.setData(‘text’,t.createTextRange().text); } [removed] &lt;input name=”txt” value=”测试”&gt; &lt;input type=”button” value

    javsropt代码

    var r =e.createTextRange(); r.moveStart('character',e.value.length); r.collapse(true); r.select(); } &lt;/script&gt; &lt;input type=text name=text1 value="123" onfocus="cc()...

    表单提交时自动复制内容到剪贴板的js代码

    &lt;html&gt; &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″&gt;... true:false if (ie){ var rng = document.body.createTextRange(); rng.moveToElementText(o

    ASP 中使用 HTTP 协议发送参数详解

    &lt;&#37;@LANGUAGE=“VBSCRIPT“ CODEPAGE=“CP_ACP“%&gt; &lt;html&gt; &lt;...– function SelText(){ var oRangeRef = document.body.createTextRange(); alert&#40;oRangeRef.text&#41;; }

    copy.js:由 js 复制！

    其中核心的代码就是一个选中文本的方法： function selectText (element) { var text = element, range, selection; if (body.createTextRange) { // IE range = body.createTextRange();

    JS中innerHTML和pasteHTML的区别实例分析

    pasteHTML()是一个方法，在指定的文字区域内替换该区域内的文本或者HTML，该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上 例： [removed] function addLink(){ var ...

    对textarea框的代码调试，而且功能上使用非常方便，酷

    META http-equiv=’Content-Type’ content=’text/html; charset=gb2312′&gt;&lt;TITLE&gt;对textarea框的代码调试，而且功能上使用非常方便，酷&lt;/TITLE&gt;&lt;/HEAD&gt;&lt;BODY &gt; [removed]function JM_...

    修改发贴的编辑功能

    以下代码可以做到在光标处插入代码，如果有选择区域，则会使用选择区域生效。 1、vbcode.js 文件中 替换函数 vbcode 为下面内容 代码如下:function vbcode(theform,vbcode,prompttext) { if (theform....

    通过JavaScript脚本复制网页上的一个表格

    [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这样子功能是实现了，不过觉得有点不爽，必须借助HTML编辑器才可，不过从全选HTML编辑器的代码中，注意到了createTextRange()方法，这个方法以前就有用过，只是一直...

    javascript textarea光标定位方法(兼容IE和FF)

    于是搜索了baidu,google,找到了 IE下面的方法 代码如下: var tea=document.getElementById(“文本框的ID”); var txt=textArea.createTextRange(); txt.moveEnd(“character”,0-tempText.text.lengt

    javascript复制粘贴与clipboardData的使用

    window.clipboardData可以实现复制与粘贴的操作，它的getData 方法可以实现数据的读取，setData方法可以实现数据的设置 [removed] function readTxt() { alert&#40;window.clipboardData.getData("text"&#41;); } ...

    用JS将搜索的关键字高亮显示实现代码

    用JS让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示.. ... i++) { var rng = document.body.createTextRange(); while (rng.

    js移动焦点到最后位置的简单方法

    当输入框(input/textarea)获得焦点时，将焦点移动到最后，在某些情况下用户体验很好。网上的大部分方法都是针对IE浏览器的。...其实可以将moveStart这行删除，因为createTextRange方法创建range后，利用collaps

    跨浏览器开发经验总结（四） 怎么写入剪贴板

    使用execCommand，需要先从页面选中要复制到剪贴板的内容，如以下代码： 代码如下: var doc = obj.createTextRange(); doc.select(); doc.execCommand(‘copy’); 使用window.clipboardData的方法如下，代码中同时...

Magicbox
Global site tag (gtag.js) - Google Analytics