I would like to be able to select a word, and unselect a word in a textarea programmatically. I am able to select a word in a textarea, by using the code below. However, the word remains selected after executing the removeAllRanges() and removeRange() method. Is there something I am missing to actually unselect the word? I would appreciate any assistance you can provide.
let textarea = document.getElementById("textarea");
let startPosition = 0;
let stopPosition = 15;
if (textarea.setSelectionRange) {
textarea.setSelectionRange(startPosition, stopPosition);
}
// This line does not clear the selected word
document.getSelection().removeAllRanges()
// Does not clear the selection
let s = window.getSelection();
if(s.rangeCount > 1) {
for(var i = 1; i < s.rangeCount; i++) {
s.removeRange(s.getRangeAt(i));
}