Get the Highlighted/Selected text using AngularJS

Wednesday, 11 February 2015 | Posted by Sample

We can process selected text by user in browser window. We need to use window.getSelection or document.selection. In below example, Mouse-Up event will be triggered when user selects the text, Then Angular function will process the selected text.

Markup

<div ng-mouseup="showSelectedText()">
Do you think that facebook, twitter...............
</div>
<div ng-bind="selectedText"></div>

Script

$scope.getSelectionText = function() {
      var text = "";
      if (window.getSelection) {
          text = window.getSelection().toString();
      } else if (document.selection && document.selection.type != "Control") {
          text = document.selection.createRange().text;
      }
      return text;
};