jquery - 可从中间选择链接

Question

如何在不触发鼠标点击的情况下使链接像普通文本一样可选择？

可以从中间轻松选择未链接的文本。如果用户按住鼠标，我想让链接可选择，但如果是单击，则正常打开链接。

Answer 1

此行为由浏览器定义，因此您无能为力。我相信某些浏览器确实允许您从任意点(Opera？)选择 anchor 文本，而不仅仅是开始和结束，但这对您来说用处不大。

如果您真的想更改默认的浏览器行为(这很少是个好主意)，请继续阅读...

一个潜在的解决方案可能是不使用 a 元素，而是使用类似 span 的元素。给每个 span 链接一个公共(public)类并存储预期的 URL:

<span class="linkSpan" data-link="http://www.example.com">This is a link</span>

然后使用 JavaScript(你用 jQuery 标记了问题，所以我在这里使用 jQuery)重定向用户:

$(".linkSpan").click(function() {
    window.location = $(this).data("link");
});

显然，您需要适本地设置 .linkSpan 的样式，使其看起来更像一个实际链接。

更新(根据@Madmartigan 的评论)- 如果您在光标不在链接上时按住鼠标按钮，然后移动到链接本身上，您可以从其中的任意点开始选择文本链接。我至少在 Chrome 中做到了这一点。