如何使用jQuery禁用文本选择？

Question

如何使用jQuery禁用文本选择？

jQuery或jQuery-UI是否具有禁用给定文档元素的文本选择的任何功能？

Answer 1

在jQuery 1.8中，可以按如下方式完成：(function($){     $.fn.disableSelection = function() {         return this                  .attr('unselectable', 'on')                  .css('user-select', 'none')                  .on('selectstart', false);     };})(jQuery);

Answer 2

如果你使用jQuery UI，有一个方法，但它只能处理鼠标选择（即CTRL+ A仍在工作）：$('.your-element').disableSelection(); // deprecated in jQuery UI 1.9如果您不想使用jQuery UI，代码非常简单：$(el).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; });

Answer 3

我发现这个答案（防止文本表的突出显示）最有帮助，也许它可以与另一种提供IE兼容性的方式相结合。#yourTable{   -moz-user-select: none;   -khtml-user-select: none;   -webkit-user-select: none;   user-select: none;}