如何使用jQuery禁用文本选择?
jQuery或jQuery-UI是否具有禁用给定文档元素的文本选择的功能?
在jQuery 1.8中,可以这样做:
(function($){
$.fn.disableSelection = function() {
return this
.attr('unselectable', 'on')
.css('user-select', 'none')
.on('selectstart', false);
};
})(jQuery);
如果你使用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; });
我发现这个答案(防止文本列表突出显示)最有帮助,也许它可以与另一种提供IE兼容性的方式结合使用。
#yourTable
{
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
链接地址: http://www.djcxy.com/p/41403.html