The type property returns a String which describes the type of current selection. This is a read-only property.
Syntax:
selection.type
Return Value: String describing the type of the selection. Possible return values are:
- None: No selection has currently been made.
- Caret: Only Clicked but not selected. The selection is collapsed, the caret is placed on some text, but no range has been selected.
- Range: Some range on which the text has been selected.
Example: In this example, the getSelection() method is used to get the selected text, and the type property is used to get the type of selection.
HTML
<!DOCTYPE html><html>Â
<head>    <title>          HTML DOM selection type property      </title></head>Â
<body>    <h1>neveropen</h1>    <p>          select some text and see its type in console      </p>Â
    <script>       let selection;        document.onselectionchange = function () {            selection = document.getSelection();            console.log(selection)            console.log(selection.type);        };    </script>   </body>Â
</html> |
Output: In the console, types of selections can be seen on every change of selection.
Supported Browsers:
- Google Chrome
- Edge
- Firefox
- Opera
- Safari
- Internet Explorer
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] Information to that Topic: geeksforgeeks.org/html-dom-selection-type-property/ […]