Is there a function to deselect all text using JavaScript?

javascript selection
NoodleOfDeath picture NoodleOfDeath · Jul 3, 2011 · Viewed 69.3k times · Source

Is there a function in javascript to just deselect all selected text? I figure it's got to be a simple global function like document.body.deselectAll(); or something.

Answer

Ankur picture Ankur · Jul 3, 2011

Try this:

function clearSelection()
{
 if (window.getSelection) {window.getSelection().removeAllRanges();}
 else if (document.selection) {document.selection.empty();}
}

This will clear a selection in regular HTML content in any major browser. It won't clear a selection in a text input or <textarea> in Firefox.

Related questions

jQuery - select all text from a textarea

How can I make it so when you click inside a textarea, its entire content gets selected? And eventually when you click again, to deselect it.

Read More
How can I get a list of all values in select box?

I am stumped. I have a form with a dropdown list, and I would like to grab a list of all the values in the list. I pulled the below example from w3 schools (yes, I know it's unreliable, but …

Read More
Programmatically select text in a contenteditable HTML element?

In JavaScript, it's possible to programmatically select text in an input or textarea element. You can focus an input with ipt.focus(), and then select its contents with ipt.select(). You can even select a specific range with ipt.setSelectionRange(…

Read More