Any way to prevent “deselection” of highlighted text?

Question

Highlight some text on this webpage, then click basically anywhere on the document. Your selection will disappear.

Is there a way to prevent this behavior when the

Answer 1

This works for me on Firefox, haven't tried IE though. Try clicking on the foo.style.preventDeselect = "true"; line when you have text selected. Uses the mousedown event.

  




Highlight some text on this webpage, then click basically anywhere on the document. Your selection will disappear.



Is there a way to prevent this behavior when the user clicks on a specific element, either by CSS or Javascript?



E.g.:



var element = document.getElementById("foo");

foo.onclick = function(e){

   //some magic here that prevents deselection from occuring

}



or



foo.style.preventDeselect = "true";



Thanks!