用div的contenteditable = true做文本编辑器 光标的设置方法

发布时间:2024-11-12 09:30

最新推荐文章于 2024-08-22 09:20:03 发布

Jievachange 于 2017-11-20 23:06:38 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

用div的contenteditable = true做文本编辑器的方法

function set_focus(el) {  

el=el[0];  // jquery 对象转dom对象  
el.focus();  
if($.browser.msie){  

//上面是ie的写法
var rng;  
el.focus();  
rng = document.selection.createRange(); 

rng.moveStart('character', -el.innerText.length);  

var text = rng.text;  

for (var i = 0; i < el.innerText.length; i++) {  

if (el.innerText.substring(0, i + 1) == text.substring(text.length - i - 1, text.length)) {  

result = i + 1;  
}  
}

}else{

   


var range = document.createRange();  
range.selectNodeContents(el);  

range.collapse(false);  

var sel = window.getSelection();  
sel.removeAllRanges();  
sel.addRange(range);  
}  

第二种写法

  function getC(that){  

//that 为dom对象    

            if(document.all){  
                that.range=document.selection.createRange();  
                that.range.select();  
                that.range.moveStart("character",-1);   
            }else{  
                that.range=window.getSelection().getRangeAt(0);  
                that.range.setStart(that.range.startContainer,2);  
            }  
    }

网址:用div的contenteditable = true做文本编辑器 光标的设置方法 https://www.yuejiaxmz.com/news/view/49993

相关内容

.NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法
照片图片编辑器
在线视频编辑器
String类的equals方法和==方法的比较
笔记本电脑的使用方法
应急知识
家用电器节约用电小窍门
FileReader的使用方法
视频编辑
基于opencv,使用python提取视频帧以及提取TVL1光流

随便看看