如何单击超链接内的文本以便拖动并突出显示？

Question

如果您有一段普通文本,则可以单击文本内的任意位置并拖动鼠标以突出显示该文本.但是,如果文本位于锚点/链接标记内,则不允许您单击并拖动 - 链接捕获鼠标并阻止其发生.

要查看我的意思,请在此页面上找到一个文本链接,然后尝试在其中单击并拖动以选择它.它不会让你 - 你必须在链接外面点击并拖动它.

你需要在JavaScript/JQuery中做什么才能暂时禁用链接,以便拖动并突出显示它？

我不能只启动外环线的原因是因为在该段每个字都是一个超链接内 - 这是一个视频的转录和各个环节同步到视频片段.

Answer 1

我的第一个想法是做这样的事情：

$("a").each(function() {
   $(this).replaceWith("<span class='link' data-href='" + $(this).attr("href") + "'>" + $(this).text() + "</span>"); 
});
$(".link").click(function() {
   window.location = $(this).data("href"); 
});

然而，可能有更好的方法来做到这一点。上面的代码将所有a元素转换为span元素，保留href属性值，然后将span类为“link”的元素设置为链接。您可以设置span元素的样式，使其看起来像a页面上当前元素的样式。

这是上述内容的实际示例。