码迷,mamicode.com
首页 > 其他好文 > 详细

富文本光标位置插入dom元素

时间:2018-03-20 15:22:58      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:selection   cti   sele   ret   osi   pre   循环   fun   getc   

//获得富文本框中光标的位置
function getCursortPosition(element) {
    var doc = element.ownerDocument || element.document;
    var win = doc.defaultView || doc.parentWindow;
    var sel;
    if (typeof win.getSelection != "undefined") {
        sel = win.getSelection();
        if (sel.rangeCount > 0) {
            var range = win.getSelection().getRangeAt(0);
            console.log(range);
        }
    }
    return range;
}
//element为富文本挂载的dom元素,返回的range为光标对应的位置
备注:如果调用range的insertNode方法,可以在光标对应的位置插入想要的dom元素,但是这里要注意的是,insertNode方法会把你插入的dom元素,里面父子关系的节点元素循环成兄弟节点插入到光标位置。

富文本光标位置插入dom元素

标签:selection   cti   sele   ret   osi   pre   循环   fun   getc   

原文地址:https://www.cnblogs.com/xzhwill19900525/p/8608996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!