2

我们正在构建一个允许展开/折叠元素的 Web 应用程序。

可点击项目之一如下所示:

请注意单击元素时的文本选择很烦人。处理此问题的推荐方法是什么?

4

2 回答 2

1

要以 CSS 方式禁用选择:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;

或者您可以使用不可选择的元素属性

<div unselectable="on">...</div>
于 2012-09-28T14:13:02.247 回答
1

对于 Firefox 和 Chrome/Safari,您可以使用用户选择属性。我认为它仍然是实验性的,所以你应该使用这样的供应商前缀: #element-id{-moz-user-select: none; -webkit-user-select: none;}


至于 Opera 和 IE,我不知道(也许 Opera 使用 -o-user-select 会起作用,但我不确定)

编辑:我环顾了一下,因为我也对这个问题感兴趣,显然,对于 Opera 和 IE,有一个unselectable属性。关于它的更多细节

于 2012-09-28T14:07:56.423 回答