我需要防止用户在我的Web应用程序UI中选择元素, 除了 用于输入字段和文本列中的文本。对于Firefox,该技术似乎是使用此CSS:

* { -moz-user-select: none; }

而且效果足够好(已测试的Firefox 3.5.2),除了您无法在输入字段或TextaReas中选择。

我试图将其分为

div,td,span,img { -moz-user-select: none; }
input,textarea { -moz-user-select: text; }

但是,如果输入字段在DIV,TD或SPAN内部,则无法选择。无论这些孩子是否覆盖环境,似乎也将-moz-user-select财产应用于所有儿童。除了将其设置为特定元素的更精细(和烦人)的水平之外,有谁知道这一方法?

笔记 这不是出于安全目的。我可以让用户查看源或高级用户关闭此问题。但是对于具有拖放功能的Web UI,或者仅仅是应该像应用程序一样行为的那些,而不是文档,那么能够意外选择文本真的很奇怪。大多数用户经常发生这种情况。

有帮助吗?

解决方案

* { -moz-user-select: -moz-none; }
input,textarea { -moz-user-select: text; }

其他提示

您正在与失去的事业作斗争。如果我真的想从您的页面中选择文本或以某种方式获取文本,我会的。

但是,请问您的问题。尝试添加!对于最后,看起来很重要,因此看起来像这样:

div,td,span,img { -moz-user-select: none; }
input,textarea { -moz-user-select: text !important; }
许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top