如何通过jquery设置css以防止某些动作

Question

请参考下面的链接。

How to disable text selection highlighting using CSS?

上述链路是有用的禁用选择的同时拖动。代码片段。

.unselectable { 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 

但我不想在这里使用CSS概念。我想通过jQuery为特定元素设置这些属性。我怎样才能做到这一点 ？

感谢，

湿婆

Answer 1

你可以这样使用

("#yourId").css({ 
      -moz-user-select: none; 
      -khtml-user-select: none; 
      -webkit-user-select: none; 
      user-select: none; 
}); 

这是更好地使用类，但是

你的CSS类：

.unselectable{ 
     -moz-user-select: none; 
     -khtml-user-select: none; 
     -webkit-user-select: none; 
     user-select: none; 
} 

你jQuery的命令

$("#yourElementId").addClass('unselectable') 

Answer 2

使用.css()

获取的样式属性的第一个元素的值在匹配的元素或每个匹配设置一个或多个CSS属性元件。

$('#elementsId').css({ 
     -moz-user-select: none; 
     -khtml-user-select: none; 
     -webkit-user-select: none; 
     user-select: none; 
}); 

或制作类，并使用addClass() ..cleanest方式.. :)

Answer 3

尝试用.addClass()：

$(yourelem).addClass('unselectable'); 

Answer 4

假设jQuery和jQueryUI的存在，$("#yourDomElement").disableSelection()将做到这一点