HTML DOM selection.type property
Last Updated :
21 Jun, 2023
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 >GeeksforGeeks</ 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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...