我在链接中有一个包含文本的div,例如:
<a href="http://www.google.de"><div>123456890</div></a>
如果我点击它,这个链接应该有效。但我也希望能够选择数字,以便我可以将它们复制到剪贴板。
我如何在我网站上的所有链接上存档?
(如果我可以使用双击进行选择,那将是一个很好的补充。)
答案 0 :(得分:1)
实际上,如果您选择link
之前和之后,可以选择mousedown
但是您无法轻松选择部分链接文字!因为选择文字是mouseup
和mouseenter
的组合。但是我找到了一个使用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
(将鼠标悬停在文字上,然后右键单击以复制,然后点击链接!)