如何阻止用户从其他元素中选择不可选择的元素？答案

【问题标题】：How to stop users from selecting unselectable elements FROM other elements?如何阻止用户从其他元素中选择不可选择的元素？
【发布时间】：2013-02-08 13:56:40
【问题描述】：

我有一些带有图像的 div 来形成按钮。

我正在尝试使其全部无法选择，但我的页面上还有一些其他 div 需要选择，并且我仍然可以从中选择禁用的 div。

使用您的标准禁用了不可选择的 div：

div#ControlsDiv {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#ControlsDiv * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;                      
}

【问题讨论】：

您需要提供更多信息。
我不知道还能说什么！
相关的 HTML 代码会很有用。还有一个指向复制问题的 jsFiddle 的链接，或者在最坏的情况下指向您正在处理的网站的链接。
当您使用 FireBug 或 similair 等工具进行检查时，您确定将 CSS 规则应用于文本吗？
实际上，它可以在 Chrome 中运行。但是在 IE 或 FireFox 中没有运气，尽管 Firebug 确实看到了 CSS。

标签： css selection highlighting

【解决方案1】：

您尝试使用的技术似乎有点太简单了，猜猜看，它是：https://developer.mozilla.org/en-US/docs/CSS/user-select#Browser_compatibility。

基于此，我将立即停止使用它。

Div 显示/隐藏通常在 javascript 中完成，这里有一个关于如何在 javascript 和 jQuery 中完成的链接：

Enable & Disable a Div and its elements in Javascript

【讨论】：