光標定位等TextRange的操作的范例代碼

2024-09-06 12:45:09

字體：大中小

來源：轉載

供稿：網友

<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>               </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: </td>            </tr>            <tr>              <td width="217">boundingWidth: </td>            </tr>            <tr>              <td width="217">boundingTop: </td>            </tr>            <tr>              <td width="217">boundingLeft: </td>            </tr>            <tr>              <td width="217">offsetLeft:  </td>            </tr>            <tr>              <td width="217">offsetTop:  </td>            </tr>            <tr>              <td width="217">text:  </td>            </tr>          </table>          </body>                  </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：表單提交(插入效果)javascript

下一篇：checkbox實現全選的多種方法不斷更新原創