可编辑div 获取光标位置及插入内容

本文转载自查看原文 2015-09-11 10:20 2677

<!DOCTYPE html>
<html>

<title>Div 光标位置 插入 文字 或 HTML</title>
<script language="javascript" type="text/javascript">
var range;
    function getPos()
    {
        range = window.getSelection().getRangeAt(0);//找到焦点位置
        var span = document.createElement('span');
        span.innerHTML = 'qqqqqqqqqqqqqqqqqqqqqqqqqq';
        range.insertNode(span);//在焦点插入节点
    }

    
</script>
</head>
<body>
    
    <div id="myDiv" style="width: 300px; height: 100px;border: black 1px solid; font-size:small; line-height:1; "
        onclick="getPos();"   onkeyup="getPos();"  contenteditable="true">
          a b ccdfdfd dfdffddf f fdfdf
    </div>         
    
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 js获取光标位置并插入内容【重要重要】如何在div是contentEditable=true的里面获取光标的位置，并在光标位置处插入内容。焦点位置插入指定内容可编辑DIV设置光标位置. 在ueditor编辑器的光标停留处插入内容 js 指定位置插入html标签（可编辑div） js在一个可编辑的div光标处插入图片或者文本（兼容ie，火狐等浏览器）用nodejs实现向文件的固定位置插入内容让div可编辑如何让DIV可编辑、可拖动隐藏input光标和输入内容方法