Disable double-click selection
HTML
<div id="demo">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget orci sed ex tristique accumsan. Vestibulum eu luctus nisi. Sed blandit leo a lobortis venenatis. Nulla venenatis consequat metus, vel eleifend mi scelerisque in. Pellentesque imperdiet justo quis sem fermentum pretium. Nullam ac imperdiet nisi. Nullam pulvinar pharetra sem, non convallis leo ornare porta.
<br /><br />
Fusce efficitur ex ligula, vel tincidunt sem elementum nec. Mauris ut erat lacus. Maecenas nisl lectus, finibus at placerat non, aliquam a diam. Vestibulum eget est augue. Curabitur gravida non ex nec ultrices. Aliquam id elit vel enim cursus aliquam. Nunc sed viverra neque, vitae efficitur mauris. Etiam laoreet id nulla aliquet egestas. Fusce felis sapien, laoreet vitae vestibulum in, posuere in lectus. Nam tempor pellentesque arcu vitae blandit. Praesent malesuada dolor vel gravida lacinia. Vestibulum in scelerisque dui.
</div>
JavaScript
// set to true if you want to disable also the triple click event (or see the shorter version below)
// works in Chrome, always disabled in IE11
var disable_triple_click = true;
// set a global var to save the timestamp of the last mousedown
var down = new Date().getTime();
var old_down = down;
jQuery(document).ready(function($)
{
$('#demo').on('mousedown', function(e)
{
var time = new Date().getTime();
if((time - down) < 500 &&
(disable_triple_click || (down - old_down) > 500))
{
old_down = down;
down = time;
e.preventDefault(); // just in case
return false; // mandatory
}
old_down = down;
down = time;
});
});
/*
// shorter version if you always want to disable the triple click event
var down = new Date().getTime();
jQuery(document).ready(function($)
{
$('#demo').on('mousedown', function(e)
{
var time = new Date().getTime();
if((time - down) < 500)
{
down = time;
e.preventDefault(); // just in case
return false; // mandatory
}
down = time;
});
});
*/