我们正在构建一个允许展开/折叠元素的 Web 应用程序。
可点击项目之一如下所示:
请注意单击元素时的文本选择很烦人。处理此问题的推荐方法是什么?
要以 CSS 方式禁用选择:
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
或者您可以使用不可选择的元素属性
<div unselectable="on">...</div>
对于 Firefox 和 Chrome/Safari,您可以使用用户选择属性。我认为它仍然是实验性的,所以你应该使用这样的供应商前缀:
#element-id{-moz-user-select: none; -webkit-user-select: none;}
至于 Opera 和 IE,我不知道(也许 Opera 使用 -o-user-select 会起作用,但我不确定)
编辑:我环顾了一下,因为我也对这个问题感兴趣,显然,对于 Opera 和 IE,有一个unselectable
属性。关于它的更多细节