以下代码 IE, Maxthon 中可以运行：

<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"   οnclick=tellPoint()>我怕来不及我要抱着你，直到感觉你的绉纹有了岁月的痕迹，直到视线变得模糊直到不能呼吸  
  为了你我愿意  
  动也不能动也要看着你，直到感觉你的发线有了白雪的痕迹，直到肯定你是真的直到失去力气让我们形影不离  
  如果全世界我也可以放弃，至少还有你值得我去珍惜而你在这里就是生命的奇迹  
  也许全世界我也可以忘记，就是不愿意失去你的消息你掌心的痣我总记得在哪里  
  我们好不容易我们身不由已，我怕时间太快不够将你看仔细，我怕时间太慢日夜担心失去你恨不得一夜之间白头永不分离  
  </textarea>                
  <script>            
  function   movePoint()            
  {            
    var   pn   =   parseInt(pnum.value);            
    if(isNaN(pn))            
      return;            
    var   rng   =   box.createTextRange();    
    rng.moveStart("character",pn);            
    rng.collapse(true);              
    rng.select();            
    returnCase(rng)              
  }            
  function   tellPoint()            
  {            
    var   rng   =   event.srcElement.createTextRange();    
    rng.moveToPoint(event.x,event.y);              
    rng.moveStart("character",-event.srcElement.value.length)              
    pnum.value   =   rng.text.length            
    returnCase(rng)            
  }            
  function   returnCase(rng)            
  {            
    bh.innerText   =   rng.boundingHeight;            
    bl.innerText   =   rng.boundingLeft;            
    bt.innerText   =   rng.boundingTop;            
    bw.innerText   =   rng.boundingWidth;            
    ot.innerText   =   rng.offsetTop;            
    ol.innerText   =   rng.offsetLeft;            
    t.innerText     =   rng.text;            
  }            
  function   selectText(sp,ep)            
  {            
    sp   =   parseInt(sp)            
    ep   =   parseInt(ep)            
    if(isNaN(sp)||isNaN(ep))            
      return;            
    var   rng   =   box.createTextRange();            
    rng.moveEnd("character",-box.value.length)            
    rng.moveStart("character",-box.value.length)            
    rng.collapse(true);            
    rng.moveEnd("character",ep)            
    rng.moveStart("character",sp)            
    rng.select();            
    returnCase(rng);            
  }            
  var   rg   =   box.createTextRange();  
  function   findText(tw)            
  {            
    if(tw=="")            
      return;                  
    var   sw   =   0;            
    if(document.selection)            
    {            
      sw   =   document.selection.createRange().text.length;            
    }              
    rg.moveEnd("character",box.value.length);            
    rg.moveStart("character",sw);            
    if(rg.findText(tw))              
    {            
      rg.select();    
      returnCase(rg);          
    }    
    if(rg.text!=tw)  
    {  
      alert("已经搜索完了")  
      rg   =   box.createTextRange()  
                  }  
  }            
  </script>                                                                      
  </p>                                                                          
  <p></p>                                                                          
  光标位置：<input   type="text"   value="0"   id="pnum"   size="8">   <input   type="button"   οnclick="movePoint()"   value="移动光标到指定位置">                                                                    
  <p></p>                                                                
  选择指定范围：<input   type="text"   size="9"   id="sbox">   --   <input   type="text"   size="9"   id="ebox">   <input   type="button"   οnclick="selectText(sbox.value,ebox.value)"   value="选择">                                                                  
  <p></p>                                          
  选择查找字符   ：<input   type="text"   value=""   id="cbox"   size="8">   <input   type="button"   οnclick="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>

如何用javascript获得TextArea中的光标位置

http://blog.csdn.net/lizhizhe2000/archive/2006/10/23/1346210.aspx

javascript 光标位置相关推荐

  1. JavaScript 中获取光标位置

    1.概念和原理 DOM中并没有直接获取光标位置的方法,那么我们只能间接来获取光标位置.DOM支持获取光标选中的范围,我们可以以此为切入点,来获取或定位光标的位置,当选取范围起始点和结束点一样时,就是光 ...

  2. [zt]如何用Javascript获得TextArea中的光标位置

    小弟最近在写一个在线编辑器,UBB版的,由于没有使用弹出窗口,所以,在添加代码的时候,只能添在TextArea的最后面,无法在光标之前插入,于是在网上疯狂的找资料,工夫不负有心人,终于被我找到了如何获 ...

  3. JS里在光标位置插入字符

    <script language=Javascript> function AddOnPos(obj, charvalue) {     //obj代表要插入字符的输入框     //va ...

  4. php光标添加,JS在可编辑的div中的光标位置插入内容的方法_javascript技巧

    本文实例讲述了js实现在可编辑div中指定位置插入内容的方法,就像我们使用的编辑器一样,分享给大家供大家参考.具体实现方法如下: 首先要让DIV启用编辑模式 通过设定contenteditable=t ...

  5. ahjesus 获取div编辑框，textarea，input text的光标位置 兼容IE，FF和Chrome

    ahjesus 返回光标位置兼容IE,FF和Chrome, 说明更新(2013-04-24){ 今天收到反馈说这个例子没作用了,经过查证测试发现是因为使用的jquery的版本过高引起的 $(eleme ...

  6. 获取html中光标位置

    本篇整理在项目中遇到的一个小问题,在js中监听了"parse"粘贴事件,导致粘贴文字到输入框出现问题. 通过获取输入框光标位置,然后拼接字符串解决. 第一种方法 获取textare ...

  7. contentEditable,window.getSelection详解---可编辑div，容器，设置/获取光标位置，光标处插入内容及光标的操作

    这周碰到一个东西,contentEditable ,它是用来指定一个元素是否是可编辑的,这也是富文本编辑器实现的底层支持,网上关于这部分东西的资料比较少或者不全,所以我来整理下关于这个属性,和可编辑区 ...

  8. php调用win32 api,C#_c#使用win32api实现获取光标位置，方法一：需要调用win32api，winfo - phpStudy...

    c#使用win32api实现获取光标位置 方法一:需要调用win32api,winform.wpf通用 [DllImport("user32.dll")] public stati ...

  9. python 光标位置输入文字_Python 移动光标位置的方法

    Python 移动光标位置的方法 更新时间:2019年01月20日 11:10:18 作者:你怎么知道你不会成功 今天小编就为大家分享一篇Python 移动光标位置的方法,具有很好的参考价值,希望对大 ...

最新文章

  1. JavaScript：对Object对象的一些常用操作总结
  2. ajax——XMLHttpRequest
  3. C篇（一） 用Codeblocks建立一个C的工程
  4. Socket编程之简单介绍
  5. 苹果菠萝笔html5游戏在线玩,苹果菠萝笔游戏
  6. [css] 除了可以用js跟踪用户信息外，如果不用js，使用纯css怎么做呢？
  7. peoplesoft系统与sap_sap顾问或者peoplesoft顾问转行做自研系统顾问的为什么那么少？...
  8. 堆排序不稳定的例子_【译】Python中的堆排序
  9. 可视化大屏设计指南，附20份可直接套用的实用模板
  10. 装逼神器，5 行 Python 代码 实现一键批量扣图，你get到了吗
  11. 爱立信携手沃达丰完成英国首个5G独立组网网络切片试验
  12. Oracle 密码过期问题
  13. Druid 1.1.14 发布，阿里开源连接池
  14. 《CCNP TSHOOT 300-135学习指南》——1.2节结构化故障检测与排除方法
  15. 从二项分布到泊松分布再到正态分布
  16. 《王道》数据结构笔记整理2022
  17. PSS E v33.40 1CD（大型电力系统仿真计算软件）
  18. 简述WebS简述WebService与.NET Remoting的区别及适应场合
  19. oracle 基础知识(十四)----索引扫描
  20. 【企业数智化转型】知识图谱（Knowledge Graph）

热门文章

  1. java中src_java中garadle工程没有src问题
  2. 获取当前ip_write_ip_tcl命令你用过吗？
  3. python template languages_更换Django默认的模板引擎为jinja2的实现方法
  4. python赚钱项目开发大体流程咨询_大型项目开发的基本流程
  5. 简易修复工具_汽车划痕的简单修复法，你get了吗？
  6. box-shadow属性四个值_flex笔记1——flex-direction属性
  7. python能做机器人吗_最火的Python语言也能做机器人仿真，你会不？
  8. BIRCH算法（Java实现）
  9. 关于数据分析部门组织架构的探讨
  10. python importlib qpython_Python imports指南:Python的导入有更好的理解