JavaScript 获得输入div光标的位置

最新推荐文章于 2023-07-04 23:05:56 发布

dalaoshu321

最新推荐文章于 2023-07-04 23:05:56 发布

阅读量1k

点赞数 1

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/dalaoshu321/article/details/84124429

版权

javascript 专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<div contenteditable="true"></div>
我在这里面输入了123456789这个几个字符
当我把鼠标放在某个数字的后面时，要获取鼠标是在哪个位置
比如我的光标在3后面，应该得到3，在1前面应该是0，在6后面应该是6
就是当我输入任意字符时，获得光标所在的是什么位置
我要的是ie的方法

2010-05-26 johnson.lee (高级程序员)

     Html代码   
     
   
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
    <head>  
        <title> new document </title>  
    </head>  
    <body>  
        <div contentEditable="true" style="height:50px; border:2px solid red;"></div>  
        光标前的字符：<span id="selection"></span>  
        <script language="javascript">  
        <!--  
            var cursor = 0;// 光标位置  
  
            document.onselectionchange = function() {  
                var range = document.selection.createRange();  
                var srcele = range.parentElement();  
                var copy = document.body.createTextRange();  
                copy.moveToElementText(srcele);  
  
                for (cursor = 0; copy.compareEndPoints("StartToStart", range) < 0; cursor++) {  
                    copy.moveStart("character", 1);  
                }  
                document.getElementById("selection").innerText = srcele.innerText.substring(cursor - 1, cursor);  
            }  
        //-->  
        </script>  
    </body>  
</html>  

dalaoshu321

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 获得输入div光标的位置

&lt;div contenteditable="true"&gt;&lt;/div&gt; 我在这里面输入了123456789这个几个字符当我把鼠标放在某个数字的后面时，要获取鼠标是在哪个位置比如我的光标在3后面，应该得到3，在1前面应该是0，在6后面应该是6 就是当我输入任意字符时，获得光标所在的是什么位置我要的是ie的方法 2010-05-26 johnson.l...
复制链接

扫一扫