jquery 防止拖动选择文本

Question

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

这张图片这里我们可以选中文字，然后复制，就可以了。 但是，我不希望能够四处拖动此文本。

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

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

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

但是它不会开始新的选择。

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

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

谢谢。

Answer 1

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

要停止它，您还需要防止在 HTML/BODY 标记上拖动(或者在页面容器标记上，如果您有更大的容器):

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