链接可从中间选择

Question

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

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

Answer 1

此行为由浏览器定义,因此您无法做到这一点.我相信有些浏览器允许你从任何一点(Opera？)中选择锚文本,而不仅仅是开始和结束,但这对你没什么用处.

如果你真的想要改变默认的浏览器行为(这很少是一个好主意),那么请继续阅读......

一个可能的解决方案可能是不使用a元素,而是使用类似的东西span.为每个span链接指定一个公共类并存储预期的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中管理过它.