In this tutorial, We will learn how to disable select for any HTML element then here you will find the best solution to disable select on-page.
Example:
<script>
$( function() {
$('body').attr('unselectable','on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user-select':'none',
'-khtml-user-select':'none', /* you could also put this in a class */
'-webkit-user-select':'none',/* and add the CSS class here instead */
'-ms-user-select':'none',
'user-select':'none'
}).bind('selectstart', function(){ return false; });
} );
</script>
Thanks, May this example will help you.