jquery禁止拖动选择文本

jquery禁止拖动选择文本,jquery,css,selection,highlight,Jquery,Css,Selection,Highlight,我想在css或jquery中防止用户拖动选定的文本 在这张图片中,我们可以选择文本并复制它,好吗。 但是,我不想把这段文字拖来拖去 我想在开始单击并拖动选定内容时,开始新的选择高亮显示。 我已通过以下操作禁用文本拖动: $('.content')。在('dragstart',函数(e)上 { e、 预防默认值(); });如果在.content类上设置默认值,则它可以停止仅从内容块/选择开始的拖动,但正如您演示的那样,您仍然可以从其周围的空白处单击并拖动以开始基本的文本拖动。它内置在浏览器/

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

在这张图片中,我们可以选择文本并复制它,好吗。 但是,我不想把这段文字拖来拖去

我想在开始单击并拖动选定内容时,开始新的选择高亮显示。

我已通过以下操作禁用文本拖动:

$('.content')。在('dragstart',函数(e)上
{
e、 预防默认值();

});如果在.content类上设置默认值,则它可以停止仅从内容块/选择开始的拖动,但正如您演示的那样,您仍然可以从其周围的空白处单击并拖动以开始基本的文本拖动。它内置在浏览器/操作系统中,以这种方式运行

要停止此操作,还需要防止在HTML/BODY标记上拖动(或者在页面容器标记上拖动,如果容器较大):


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

要停止此操作,还需要防止在HTML/BODY标记上拖动(或者在页面容器标记上拖动,如果容器较大):


你在测试什么浏览器?当我在Chrome中尝试你的代码时,我能够创建新的选择,但仍然无法拖动它们。在Chrome的最新版本中,你在测试什么浏览器?当我在Chrome中尝试你的代码时,我能够创建新的选择,但仍然无法拖动它们。在ChromeUnfortutly的上一个版本中,之后它不会启动新的选择。它确实会停止拖动(如我的示例中所示),但它也会禁用新选择当它开始拖动时,脚本会取消该事件,这意味着浏览器现在什么都不做(而且肯定不会启动新选择)。要开始新的选择,必须单击并再次选择。据我所知,没有任何方法可以在不进行第二次点击的情况下停止所有文本的拖动,从而开始第二次选择。我已经看到一个网站,它完全按照我的意愿进行操作。这里是:在代码部分(向下滚动一点),我们可以选择两次,而不需要进行不必要的拖动。我可以问一下,通过阻止文本的点击/拖动,您想要实现什么吗?即使在示例页面中,用户仍然可以选择文本、复制并将其粘贴到其他位置。停止单击/拖动并不会停止从gamedev.guru上的框中复制代码的功能。否则,该站点有一个复杂的onDragStart函数,它可能会在这个文件的6506上执行某些操作:这是出于功能原因:我希望peaple在一块代码中复制/删除文本,但我不希望能够选择并拖动。这是为了方便用户。幸运的是,在这之后,它不会开始新的选择。它确实会停止拖动(如我的示例中所示),但它也会禁用新选择当它开始拖动时,脚本会取消该事件,这意味着浏览器现在什么都不做(而且肯定不会启动新选择)。要开始新的选择,必须单击并再次选择。据我所知,没有任何方法可以在不进行第二次点击的情况下停止所有文本的拖动,从而开始第二次选择。我已经看到一个网站,它完全按照我的意愿进行操作。这里是:在代码部分(向下滚动一点),我们可以选择两次,而不需要进行不必要的拖动。我可以问一下,通过阻止文本的点击/拖动,您想要实现什么吗?即使在示例页面中,用户仍然可以选择文本、复制并将其粘贴到其他位置。停止单击/拖动并不会停止从gamedev.guru上的框中复制代码的功能。否则,该站点有一个复杂的onDragStart函数,它可能会在这个文件的6506上执行某些操作:这是出于功能原因:我希望peaple在一块代码中复制/删除文本,但我不希望能够选择并拖动。这是为了方便用户
$('html, body').on('dragstart', function (e)
{
  e.preventDefault();
});