如何防止在表中进行选择

时间:2011-04-13 11:52:50

标签: jquery css selection

我在表中使用了JQuery UI Selectable,当我使用Ctrl进行多选时,我遇到以下问题:

enter image description here

如何在保持JQuery功能的情况下阻止表中HTML的原始选择?

我已经尝试将user-select: none;用于表格,但它没有用!

任何帮助!

3 个答案:

答案 0 :(得分:3)

对于完全跨浏览器兼容的解决方案,请随时使用my jQuery noSelect plugin。这是一个通用演示:http://mathiasbynens.be/demo/noselect

但你可以像这样使用它:

$('table').noSelect();

答案 1 :(得分:1)

没有统一的方法可以让浏览器无法选择项目,但是,每个浏览器似乎都有自己的方法来实现这一点。
对于Chrome和Firefox,将这些添加到css中:
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;

最后一个适用于Opera,但我不确定。对于IE,在'{+ 1}}

中添加''无法选择='到HTML标记本身

答案 2 :(得分:0)

并非所有浏览器都完全支持

user-select。不要依赖此功能。