Languages
[Edit]
EN

JavaScript - check if any text on web page is selected with caret

2 points
Created by:
Marcin
2471

In this short article we are going to show how in JavaScript check if some text on web page is selected.

Quick solution:

function isTextSelected() {
    var selection = window.getSelection();
    return selection && selection.type === 'Range';
}

Runnable example:

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<body>
  <p>Select some part of this text.</p>
  <script>

    function isTextSelected() {
        var selection = window.getSelection();
        return selection && selection.type === 'Range';
    }

    // Example usage:

    document.addEventListener('selectionchange', function() {
        var state = isTextSelected() ? 'selected' : 'unselected';
      	console.clear();
        console.log('Text is ' + state);
    });
    
  </script>
</body>
</html>

 

Hey 👋
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.