How can I deselect text using Javascript or jQuery?

Question

I have a draggable (jQuery UI) element with "canceled" text on it. Here's what I mean:

$('#main').draggable({
        cancel: '#main>* *',
        start: function(){
          // deselect text
        }
});

When I drag the element, I often select the text by accident. I want to deselect the text when the element is dragged.

Answer 1

To deselect everything you can use:

document.getSelection().removeAllRanges();