1、返回createTextRange的text和htmlTextJs代码<scriptlanguage="javascript">functiontest(){ varrng=document.body.createTextRange(); alert(rng.text) } functiontest1() { varrng=document.body.createTextRange(); alert(rng.htmlText) }</script><inputtype="button"onclick="test()"value="text"><inputtype="button"onclick="test1()"value="htmlText">
2、获取指定文本框中的选中的文字：只响应第一个文本框Js代码<inputid="inp1"type="text"value="1234567890"><inputid="inp2"type="text"value="9876543210"><inputtype="button"onclick="test()"value="确定"><scriptlanguage="javascript"> functiontest() { varo=document.getElementByIdx_x("inp1") varr=document.selection.createRange(); if(o.createTextRange().inRange(r)) alert(r.text); }</script>
3、页面文本倒序查找Js代码abababababababa<inputvalue="倒序查找a"onclick=myfindtext("a")type="button"><scriptlanguage='javascript'> varrng=document.body.createTextRange(); functionmyfindtext(text) { rng.collapse(false); if(rng.findText(text,-1,1)) { rng.select(); rng.collapse(true); }else {alert("end");} }</script>
4、聚焦控件后把光标放到最后Js代码<scriptlanguage="javascript"> functionsetFocus() { varobj=event.srcElement; vartxt=obj.createTextRange(); txt.moveStart('character',obj.value.length); txt.collapse(true); txt.select(); }</script><inputtype="text"value="http://toto369.net"onfocus="setFocus()">
5、得到文本框内光标位置Js代码<scriptlanguage="javascript"> functiongetPos(obj){ obj.focus(); vars=document.selection.createRange(); s.setEndPoint("StartToStart",obj.createTextRange()) alert(s.text.length);}</script><inputtype="text"id="txt1"value="1234567890"><inputtype="button"value="得到光标位置"onclick=getPos(txt1)>
6、控制input框内光标位置Js代码<scr坡纠课柩iptlanguage="javascript"媪青怍牙> functionsetPos(num) { text1.focus(); vare=document.getElementByIdx_x("text1"); varr=e.createTextRange(); r.moveStart('character',num); r.collapse(true); r.select(); }</script><inputtype="text"id="text1"value="1234567890"><selectonchange="setPos(this.selectedIndex)"><optionvalue="0">0</option><optionvalue="1">1</option><optionvalue="2">2</option><optionvalue="3">3</option><optionvalue="4">4</option><optionvalue="5">5</option><optionvalue="6">6</option><optionvalue="7">7</option></select>
7、选中文本框中的一段文亨蚂擤缚字Js代码<scriptlanguage=javascript> functio荏鱿胫协nsel(obj,num) { varrng=obj.createTextRange() varsel=rng.duplicate(); sel.moveStart("character",num); sel.setEndPoint("EndToStart",rng); sel.select(); }</script><inputtype="text"id="text1"value="1234567890"><selectonchange="sel(text1,this.value)"><optionvalue="0">0</option><optionvalue="1">1</option><optionvalue="2">2</option><optionvalue="3">3</option><optionvalue="4">4</option><optionvalue="5">5</option><optionvalue="6">6</option><optionvalue="7">7</option></select>
8、控制文本框内光标的移动Js代码<inputtype="button"value="<"onclick=go(-1)><inputid="demo"value="这里是文字"><inputtype="button"value=">"onclick=go(1)><scriptlanguage="javascript"> functiongo(n){ demo.focus(); with(document.selection.createRange()) { moveStart("character",n); collapse(); select(); } }</script>
9、取光标位置Js代码<body><divid=box>点击textarea</div><mce:scripttype="text/javascript"><!--functiondoit(){ varrng=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)}//--></mce:script><textareaonclick=doit()rows="6"cols="33">sdfsdfsdfsdfsdfsdfsdf
10、在文本框中设置内容后，在将选定的文本删除Js代码<script>fun罕铞泱殳ctionstoreC锾攒揉敫aret(textEl){ if(textEl.createTextRange)textEl.caretPos=document.selection.createRange().duplicate(); } functioninsertAtCaret(textEl,text){ if(textEl.createTextRange&&textEl.caretPos){ varcaretPos=textEl.caretPos; caretPos.text=caretPos.text.charAt(caretPos.text.length-1)==''?text+'':text;}elsetextEl.value=text; } functiondeleteAtCaret(textEl){ if(textEl.createTextRange&&textEl.caretPos){ varcaretPos=textEl.caretPos; document.selection.clear(); } //alert(aForm.aTextArea.} </script> <formname=aForm> <inputname=aTextAreasize=120wrap=softonselect="storeCaret(this);"onclick="storeCaret(this);"onkeyup="storeCaret(this);"value=这是例子，你可以在这里添加文字、插入文字。><br><inputtype=textname=aTextsize=80value=我要在光标处插入这些文字><br> <inputtype=buttonvalue=我要在光标处插入上面文本框里输入的文字！onclick="insertAtCaret(this.form.aTextArea,this.form.aText.value);"> <inputtype=buttonvalue=删除选中文字onclick=deleteAtCaret(this.form.aTextArea);id=button1name=button1> </FORM>
