可編輯div 獲取光標位置及插入內容


<!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刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM