EN
JavaScript - check if any text on web page is selected with caret
2
points
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>