使用window.getSelection()獲取div中選中文字內容及位置


div添加一個彈出事件: 

        $(document).ready(function () {
            $("#marked-area").mouseup(function (e) {
                $scope.mark.saveSelectionText();
            });
        });
            saveSelectionText: function () {
                if (window.getSelection) {
             $scope.mark.selectionText[0] = window.getSelection().toString();
             $scope.mark.selectionText[1] = window.getSelection().anchorOffset; //開始位置
             $scope.mark.selectionText[2] = window.getSelection().focusOffset;  //結束位置

                } else if (document.selection && document.selection.type != "Control") {  //ie9以下的支持,可不考慮
                    $scope.mark.selectionText[0] = document.selection.createRange().text;
                }
       }

靈感來源: http://www.webhek.com/post/get-selected-text-with-javascript.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



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