How to disable text selection using jQuery?

javascript jquery jquery-ui
Dawid Ohia picture Dawid Ohia · Apr 23, 2010 · Viewed 195.9k times · Source

Does jQuery or jQuery-UI have any functionality to disable text selection for given document elements?

Answer

SLaks picture SLaks · Apr 23, 2010

In jQuery 1.8, this can be done as follows:

(function($){
    $.fn.disableSelection = function() {
        return this
                 .attr('unselectable', 'on')
                 .css('user-select', 'none')
                 .on('selectstart', false);
    };
})(jQuery);

Related questions

jQuery UI DatePicker to show month year only

I am using jQuery date picker to display the calendar all over my app. I want to know if I can use it to display the month and year (May 2010) and not the calendar?

Read More
Calling a function on bootstrap modal open

I used to use JQuery UI's dialog, and it had the open option, where you can specify some Javascript code to execute once the dialog is opened. I would have used that option to select the text within the dialog …

Read More
How to change date format (MM/DD/YY) to (YYYY-MM-DD) in date picker

I have following datepicker script: <script> $(function(){ $("#to").datepicker(); $("#from").datepicker().bind("change",function(){ var minValue = $(this).val(); minValue = $.datepicker.parseDate("mm/dd/yy", minValue); minValue.setDate(minValue.getDate()+1); $("#to").datepicker( "option", "minDate", minValue ); }) }); </script> Now …

Read More