Prevent text selection after double click

Question

I'm handling the dblclick event on a span in my web app. A side-effect is that the double click selects text on the page. How can I prevent this selection from happening?

Answer 1

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

You can also apply these styles to the span for all non-IE browsers and IE10:

span.no_selection {     user-select: none; /* standard syntax */     -webkit-user-select: none; /* webkit (safari, chrome) browsers */     -moz-user-select: none; /* mozilla browsers */     -khtml-user-select: none; /* webkit (konqueror) browsers */     -ms-user-select: none; /* IE10+ */ } 

Answer 2

In plain javascript:

element.addEventListener('mousedown', function(e){ e.preventDefault(); }, false); 

Or with jQuery:

jQuery(element).mousedown(function(e){ e.preventDefault(); });