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

复制代码代码如下:

　　function test()

　　{

　　var rng=document.body.createTextRange();

　　alert(rng.text)

　　}

　　function test1()

　　{

　　var rng=document.body.createTextRange();

　　alert(rng.htmlText)

　　}

　　</script>

　　获取指定文本框中的选中的文字：只响应第一个文本框

复制代码代码如下:

　　function test()

　　{

　　var o=document.getElementById("inp1")

　　var r = document.selection.createRange();

　　if(o.createTextRange().inRange(r))

　　alert(r.text);

　　}

　　</script>

　　页面文本倒序查找

复制代码代码如下:

　　abababababababa

　　var rng = document.body.createTextRange();

　　function myfindtext(text)

　　{

　　rng.collapse(false);

　　if(rng.findText(text,-1,1))

　　{

　　rng.select();

　　rng.collapse(true);

　　}else

　　{alert("end");}

　　}

　　</script>

　　聚焦控件后把光标放到最后

复制代码代码如下:

　　function setFocus()

　　{

　　var obj = event.srcElement;

　　var txt =obj.createTextRange();

　　txt.moveStart('character',obj.value.length);

　　txt.collapse(true);

　　txt.select();

　　}

　　</script>

　　得到文本框内光标位置

复制代码代码如下:

　　function getPos(obj){

　　obj.focus();

　　var s=document.selection.createRange();

　　s.setEndPoint("StartToStart",obj.createTextRange())

　　alert(s.text.length);

　　}

　　</script>

　　控制input框内光标位置

复制代码代码如下:

　　function setPos(num)

　　{

　　text1.focus();

　　var e =document.getElementById("text5");

　　var r =e.createTextRange();

　　r.moveStart('character',num);

　　r.collapse(true);

　　r.select();

　　}

　　</script>

　　</select>

　　选中文本框中的一段文字

复制代码代码如下:

　　function sel(obj,num)

　　{

　　var rng=obj.createTextRange()

　　var sel = rng.duplicate();

　　sel.moveStart("character", num);

　　sel.setEndPoint("EndToStart", rng);

　　sel.select();

　　}

　　</script>

　　</select>

　　控制文本框内光标的移动

复制代码代码如下:

　　<input type="button" value=">" onclick=go(1)>

　　function go(n){

　　demo.focus();

　　with(document.selection.createRange())

　　{

　　moveStart("character",n);

　　collapse();

　　select();

　　}

　　</script>

教程首页更多教程