disable text highlighting on double click in jQuery [duplicate]

Answer 1

To work with jQuery version above 1.9.x

HTML

The html markup as shown above:

<ul>
    <li>Go to the store</li>
    <li>Pick up dinner</li>
    <li>Debug crash</li>
    <li>Take a jog</li>
</ul>

JS

Use preventDefault() instead of return false which doesn't kill any other handlers you might have

$('li').on('selectstart', function (event) {
    event.preventDefault();
});

Example: jsFiddle

Answer 2

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

$('p').click(clearSelection);

Source

Answer 3

I solved this using the non-standard CSS keyword user-select:

.unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}