选择文本时禁用链接的单击事件

时间:2016-04-04 06:37:38

标签: html hyperlink selection

我在链接中有一个包含文本的div,例如:

<a href="http://www.google.de"><div>123456890</div></a>

如果我点击它,这个链接应该有效。但我也希望能够选择数字,以便我可以将它们复制到剪贴板。

我如何在我网站上的所有链接上存档?

(如果我可以使用双击进行选择,那将是一个很好的补充。)

1 个答案:

答案 0 :(得分:1)

实际上,如果您选择link之前和之后,可以选择mousedown但是您无法轻松选择部分链接文字!因为选择文字是mouseupmouseenter的组合。但是我找到了一个使用jQuery.fn.selectText = function(){ var doc = document; var element = this[0]; console.log(this, element); if (doc.body.createTextRange) { var range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (window.getSelection) { var selection = window.getSelection(); var range = document.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); } }; $('a').mouseenter(function() { $('#target').selectText().focus(); });事件来选择文本的解决方案。像这样的东西:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a id="target" href="http://www.google.de"><div>123456890</div></a>
CLOUDFRONT_URL=https://xyz.cloudfront.net

(将鼠标悬停在文字上,然后右键单击以复制,然后点击链接!)