联系站长 加入收藏 设为首页 繁體中文 RSS
  首页 | 生活百科 | 电脑网络 | 高手学堂 | 语录名言 | 读书文学 | 极品软件 | 奇趣图片 | 站长微博  
 您的位置: 精品百字节网 >> 电脑网络 >> 网络编程 >> 编程问题 >> 正文 当前没有通告!
   □  createTextRange用法    3星级
createTextRange用法
[ 作者:作者不详     来源:互连网     点击数:     更新时间:2008-06-02     文章录入:Admin
【字体:
[内容提要]
一、返回createTextRange的text和htmlText 二、获取指定文本框中的选中的文字:只响应第一个文本框 三、页面文本倒序查找 四、聚焦控件后把光标放到最后 五、得到文本框内光标位置 六、控制input框内光标位置 七、选中文本框中的一段文字 八、控制文本框内光标的移动

一、返回createTextRange的text和htmlText 
<script language="javascript"> 
function test() 

var rng=document.body.createTextRange(); 
alert(rng.text) 

function test1() 

var rng=document.body.createTextRange(); 
alert(rng.htmlText) 

</script> 
<input type="button" onclick="test()" value="text"> 
<input type="button" onclick="test1()" value="htmlText"> 

二、获取指定文本框中的选中的文字:只响应第一个文本框 
<input id="inp1" type="text" value="1234567890"> 
<input id="inp2" type="text" value="9876543210"> 
<input type="button" onclick="test()" value="确定"> 
<script language="javascript"> 
function test() 

var o=document.getElementById("inp1") 
var r = document.selection.createRange(); 
if(o.createTextRange().inRange(r)) 
alert(r.text); 

</script> 

三、页面文本倒序查找 
abababababababa 
<input value="倒序查找a" onclick=myfindtext("a") type="button"> 
<script language =’javascript’> 
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> 

四、聚焦控件后把光标放到最后 
<script language="javascript">  
function setFocus()  
{  
var obj = event.srcElement;  
var txt =obj.createTextRange();  
txt.moveStart(’character’,obj.value.length);  
txt.collapse(true);  
txt.select();  
}  
</script>  
<input type="text" value="http://toto369.net" onfocus="setFocus()"> 

五、得到文本框内光标位置 
<script language="javascript"> 
function getPos(obj){ 
obj.focus(); 
var s=document.selection.createRange(); 
s.setEndPoint("StartToStart",obj.createTextRange()) 
alert(s.text.length); 

</script> 
<input type="text" id="txt1" value="1234567890"> 
<input type="button" value="得到光标位置" onclick=getPos(txt1)> 

六、控制input框内光标位置 
<script language="javascript"> 
function setPos(num) 

text1.focus(); 
var e =document.getElementById("text1"); 
var r =e.createTextRange(); 
r.moveStart(’character’,num); 
r.collapse(true); 
r.select(); 

</script> 
<input type="text" id="text1" value="1234567890"> 
<select onchange="setPos(this.selectedIndex)"> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
</select> 

七、选中文本框中的一段文字 
<script language=javascript> 
function sel(obj,num) 

var rng=obj.createTextRange() 
var sel = rng.duplicate(); 
sel.moveStart("character", num); 
sel.setEndPoint("EndToStart", rng); 
sel.select(); 

</script> 
<input type="text" id="text1" value="1234567890"> 
<select onchange="sel(text1,this.value)"> 
<option value="0">0</option> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
</select> 

八、控制文本框内光标的移动 
<input type="button" value="<" onclick=go(-1)>  
<input id="demo" value="这里是文字"> 
<input type="button" value=">" onclick=go(1)>  
<script language="javascript"> 
function go(n){ 
demo.focus(); 
with(document.selection.createRange()) 

moveStart("character",n); 
collapse(); 
select(); 


</script> 

上一篇文章:刷一次变一次图的ASP代码 下一篇文章:getElementByName, getElementById, getElementByTag 的用法
发表评论 □告诉好友 □打印此文 □收藏此页 □关闭窗口 □返回顶部
 最新热点文章
 精品医院类网站网址大收集
 如何删除windows 2003或xp系统隐藏的...
 DedeCms管理员后台登陆经常自动退出的...
 知道IP如何用dos命令查出电脑名称
 WORD出错老是要求以安全模式打开文件...
 如何设置首页不显示页眉页脚?
 如何利用inurl命令查询网站外链及栏目...
 
 最新推荐文章
 精品医院类网站网址大收集
 如何利用宽带路由器控制局域网内电脑上...
 CSS圆角代码的实现方法
 带停顿的单行文字滚动代码
 实用的新网站免费收录提交地址精选
 Left join , Right Join, Inner Join用...
 趣话淘宝网衍生的多种新型职业
 
 最新图文
  ◇  网友评论:(只显示最新5条。评论内容只代表网友观点,与本站立场无关!)
关于本站 | 免责申明 | 网站地图 | 联系站长 | 友情链接 | 与我同在
冀ICP备06032589号【虚拟化精英群虚拟化精英群续
  Copyright© 2006-2009 100byte.Com All Rights Reserved
网站声明:本网站是公益性质网站,部分内容来源于网络,如有侵犯您权利的地方,请与精品百字节站长联系,尽快修正.
Powered By CreateLive CMS 本站法律顾问:(冀港)武镇海律师
点击这里给我发消息