Question

现在，当我使用jQuery创建表时，我当前正在使用一个简单的引导工具提示，但是我想要引导工具提示不提供的特定功能。

我希望能够复制基本文本并获得诸如“基本文本-悬停文本”之类的内容；因为当我将其粘贴到excel中时需要两个值，因此只需为此数据创建两列会使表略大，所以我正在寻找另一种解决方案。

<a href="#" data-toggle="tooltip" title="hover text">base text</a>

$(document).ready(function(){
   $('[data-toggle="tooltip"]').tooltip(); 
});

Answer 1

我使用了this的略微修改版本将文本复制到剪贴板。

由于Bootstrap对此进行了更改，因此您必须获得data-original-title而不是title。

function copyToClipboard(text) {
  var $temp = $("<input>");
  $("body").append($temp);
  $temp.val(text).select();
  document.execCommand("copy");
  $temp.remove();
}

$(document).ready(function() {
  $('[data-toggle="tooltip"]').on('copy', function(event) {
    event.preventDefault();
    console.log(this.title);
    copyToClipboard(this.innerText + " - " + this.getAttribute('data-original-title'));
  }).tooltip();
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/popper.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>


<a href="#" data-toggle="tooltip" title="hover text">base text</a>

当您选择基本文本时，如何创建要复制的悬停文本？

1 个答案: