jquery防止拖动选择文本

Question

我想在 css 或 jquery 中防止用户拖动选定的文本

在这张图片中我们可以选择文本，然后复制它，好的。 但是，我不希望能够拖动此文本。

我希望当我开始单击并拖动所选内容时，开始新的选择突出显示。

我已经设法通过这样做来禁用文本的拖动：

$('.content').on('dragstart', function (e)
{
  e.preventDefault();
});

但它不会开始新的选择。

编辑：这里是问题的视频 https://youtu.be/zya0L67Rm2w

这是一项基本功能，但出于人体工程学的原因，我希望能够禁用它。我有一个代码块，我希望该代码块易于选择，并且不可拖动

谢谢。

Answer 1

如果您在 .content 类上使用 preventDefault，它可以停止仅在内容块/选择上开始的拖动，但正如您所演示的，您仍然可以从它周围的空白处单击并拖动以开始基本的文本拖动。它内置在浏览器/操作系统中以实现这种行为。

要阻止它，您还需要防止拖动 HTML/BODY 标记（或页面容器标记，如果您有更大的容器）：

$('html, body').on('dragstart', function (e)
{
  e.preventDefault();
});