资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
光标定位等TextRange的操作的范例代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>光标位置</title> <style> INPUT{border: 1 solid #000000} BODY,TABLE{font-size: 10pt} </style> </head> <body> <table border="0" width="700" cellspacing="0" cellpadding="0"> <tr> <td width="479" rowspan="7"> 点击 TextArea 实现光标定位 <p> <textarea rows="7" cols="49" id="box" onclick=tellPoint()>我怕来不及我要抱着你，直到感觉你的绉纹有了岁月的痕迹，直到视线变得模糊直到不能呼吸 为了你我愿意 动也不能动也要看着你，直到感觉你的发线有了白雪的痕迹，直到肯定你是真的直到失去力气让我们形影不离 如果全世界我也可以放弃，至少还有你值得我去珍惜而你在这里就是生命的奇迹 也许全世界我也可以忘记，就是不愿意失去你的消息你掌心的痣我总记得在哪里 我们好不容易我们身不由已，我怕时间太快不够将你看仔细，我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离 </textarea> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Afunction%20movePoint()%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%0D%0A%20var%20pn%20%3D%20parseInt(pnum.value)%3B%20%20%20%20%20%20%0D%0A%20if(isNaN(pn))%20%20%20%20%20%20%0D%0A%20%20return%3B%20%20%20%20%20%20%0D%0A%20var%20rng%20%3D%20box.createTextRange()%3B%20%20%0D%0A%20rng.moveStart(%22character%22%2Cpn)%3B%20%20%20%20%20%20%0D%0A%20rng.collapse(true)%3B%20%20%20%20%20%20%20%0D%0A%20rng.select()%3B%20%20%20%20%20%20%0D%0A%20returnCase(rng)%20%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%0D%0Afunction%20tellPoint()%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%0D%0A%20var%20rng%20%3D%20event.srcElement.createTextRange()%3B%20%20%0D%0A%20rng.moveToPoint(event.x%2Cevent.y)%3B%20%20%20%20%20%20%20%0D%0A%20rng.moveStart(%22character%22%2C-event.srcElement.value.length)%20%20%20%20%20%20%20%0D%0A%20pnum.value%20%3D%20rng.text.length%20%20%20%20%20%20%0D%0A%20returnCase(rng)%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%0D%0Afunction%20returnCase(rng)%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%0D%0A%20bh.innerText%20%3D%20rng.boundingHeight%3B%20%20%20%20%20%20%0D%0A%20bl.innerText%20%3D%20rng.boundingLeft%3B%20%20%20%20%20%20%0D%0A%20bt.innerText%20%3D%20rng.boundingTop%3B%20%20%20%20%20%20%0D%0A%20bw.innerText%20%3D%20rng.boundingWidth%3B%20%20%20%20%20%20%0D%0A%20ot.innerText%20%3D%20rng.offsetTop%3B%20%20%20%20%20%20%0D%0A%20ol.innerText%20%3D%20rng.offsetLeft%3B%20%20%20%20%20%20%0D%0A%20t.innerText%20%20%3D%20rng.text%3B%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%0D%0Afunction%20selectText(sp%2Cep)%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%0D%0A%20sp%20%3D%20parseInt(sp)%20%20%20%20%20%20%0D%0A%20ep%20%3D%20parseInt(ep)%20%20%20%20%20%20%0D%0A%20if(isNaN(sp)%7C%7CisNaN(ep))%20%20%20%20%20%20%0D%0A%20%20return%3B%20%20%20%20%20%20%0D%0A%20var%20rng%20%3D%20box.createTextRange()%3B%20%20%20%20%20%20%0D%0A%20rng.moveEnd(%22character%22%2C-box.value.length)%20%20%20%20%20%20%0D%0A%20rng.moveStart(%22character%22%2C-box.value.length)%20%20%20%20%20%20%0D%0A%20rng.collapse(true)%3B%20%20%20%20%20%20%0D%0A%20rng.moveEnd(%22character%22%2Cep)%20%20%20%20%20%20%0D%0A%20rng.moveStart(%22character%22%2Csp)%20%20%20%20%20%20%0D%0A%20rng.select()%3B%20%20%20%20%20%20%0D%0A%20returnCase(rng)%3B%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%0D%0Avar%20rg%20%3D%20box.createTextRange()%3B%20%0D%0Afunction%20findText(tw)%20%20%20%20%20%20%0D%0A%7B%20%20%20%20%20%20%0D%0A%20if(tw%3D%3D%22%22)%20%20%20%20%20%20%0D%0A%20%20return%3B%20%20%0D%0A%20var%20sw%20%3D%200%3B%20%20%20%20%20%20%0D%0A%20if(document.selection)%20%20%20%20%20%20%0D%0A%20%7B%20%20%20%20%20%20%0D%0A%20%20sw%20%3D%20document.selection.createRange().text.length%3B%20%20%20%20%20%20%0D%0A%20%7D%20%20%20%20%20%20%20%0D%0A%20rg.moveEnd(%22character%22%2Cbox.value.length)%3B%20%20%20%20%20%20%0D%0A%20rg.moveStart(%22character%22%2Csw)%3B%20%20%20%20%20%20%0D%0A%20if(rg.findText(tw))%20%20%20%20%20%20%20%0D%0A%20%7B%20%20%20%20%20%20%0D%0A%20%20rg.select()%3B%20%20%0D%0A%20%20returnCase(rg)%3B%20%20%20%20%20%0D%0A%20%7D%20%20%0D%0A%20%20%0D%0A%20if(rg.text!%3Dtw)%20%0D%0A%20%7B%20%0D%0A%20%20alert(%22%E5%B7%B2%E7%BB%8F%E6%90%9C%E7%B4%A2%E5%AE%8C%E4%BA%86%22)%20%0D%0A%20%20rg%20%3D%20box.createTextRange()%20%0D%0A%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%0D%0A%7D%20%20%20%20%20%20%0D%0A%20%20%20%20%20%20%0D%0A%3C%2Fscript%3E"> </p> <p></p> 光标位置：<input type="text" value="0" id="pnum" size="8"> <input type="button" onclick="movePoint()" value="移动光标到指定位置"> <p></p> 选择指定范围：<input type="text" size="9" id="sbox"> -- <input type="text" size="9" id="ebox"> <input type="button" onclick="selectText(sbox.value,ebox.value)" value="选择"> <p></p> 选择查找字符 ：<input type="text" value="" id="cbox" size="8"> <input type="button" onclick="findText(cbox.value)" value="查找下一个并选择"> </td> <td width="217">boundingHeight: <span id="bh"></span></td> </tr> <tr> <td width="217">boundingWidth: <span id="bw"></span></td> </tr> <tr> <td width="217">boundingTop: <span id="bt"></span></td> </tr> <tr> <td width="217">boundingLeft: <span id="bl"></span></td> </tr> <tr> <td width="217">offsetLeft: <span id="ol"></span> </td> </tr> <tr> <td width="217">offsetTop: <span id="ot"></span> </td> </tr> <tr> <td width="217">text: <span style="position: absolute; z-index: 10" id="t"></span> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程