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

Question

我有一些带有图像的 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;                      
}

Answer 1

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

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

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

在 Javascript 中启用和禁用 Div 及其元素