禁用 JS 中的文本选择 - JavaScript

当用户在网页上双击或拖动鼠标选择文本时，可能会影响到您的网站的布局和设计。为了避免这种情况，您可以在 JavaScript 中禁用文本选择。

方法一：使用 CSS

您可以使用 CSS 的 user-select 属性来禁用文本选择。

body {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

这将禁用页面上的所有文本选择。

方法二：使用 JavaScript

您也可以使用 JavaScript 来禁用文本选择。以下是一个示例代码：

function disableSelection(element) {
  element.setAttribute("unselectable", "on");
  element.style.userSelect = "none";
  element.style.MozUserSelect = "none";
  element.style.webkitUserSelect = "none";
  element.style.msUserSelect = "none";
}

// 调用函数，将 body 元素传递给它
disableSelection(document.body);

该函数将为指定的元素禁用文本选择。在此示例中，我们将 document.body 作为参数传递给该函数，这将禁用整个文档的文本选择。

总结

上述两种方法都可以用来禁用文本选择。使用 CSS 可能更简单，但如果您需要在运行时控制此行为，则可能需要使用 JavaScript。