Javascript CSS/JS：我如何告诉我的页面是完全不可选择的，除了div中的内容？

我正在进行实时编辑，但只希望页面的某些部分可以选择。如何禁用除单个div之外的所有内容的选择？

可能是CSS属性用户选择

跨浏览器：

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

文件：

也许您可以将以下侦听器添加到要阻止选择的div/section中

window.onload = function() {
  var element = document.getElementById('content');
  element.onselectstart = function () { return false; } // ie
  element.onmousedown = function () { return false; } // the rest
}

---

编辑：请参见注释

可能是CSS属性用户选择的

跨浏览器：

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

文件：

也许您可以将以下侦听器添加到要阻止选择的div/section中

window.onload = function() {
  var element = document.getElementById('content');
  element.onselectstart = function () { return false; } // ie
  element.onmousedown = function () { return false; } // the rest
}

---

编辑：请参阅注释，在要使其不可选择的元素顶部放置一个div（绝对定位）。

在要使其不可选择的元素顶部放置一个div（绝对定位）。

可选择是什么意思？是否尝试禁用窗体或所有页面交互？可选择，如中所示：可使用光标高亮显示任何文本/对象。是否确实要执行此操作？在大多数情况下，禁用可选择性（如果是一个词的话）对用户来说是非常令人沮丧的。是的，我实际上是在选择几个div来增强可用性=你说的可选择是什么意思？是否尝试禁用窗体或所有页面交互？可选择，如中所示：可使用光标高亮显示任何文本/对象。是否确实要执行此操作？在大多数情况下，禁用可选择性（如果是一个词的话）对用户来说是非常令人沮丧的。是的，我实际上是在选择几个div来增强可用性=p这只是视觉上的。它不会阻止用户选择文本。CSS方法有效=\n我假装选择文本。点击ctl c，尝试粘贴。文本是错误的，这只是视觉上的。它不会阻止用户选择文本。CSS方法有效=\n我假装选择文本。点击ctl c，尝试粘贴。文本是错误的。