Question

要将值复制到剪贴板，请使用以下功能：

$(function() {
   $('.copy-to-clipboard input').click(function() {
      $(this).focus();
      $(this).select();
      document.execCommand('copy');
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});


<div class='copied'></div>

<div class="copy-to-clipboard"> 
   <input type="text" value="Text to grab" /> 
</div>

如何使用下面的span标签之间的值实现相同的效果：

<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>

Answer 1

您可以使用跨度复制文本中的文本值创建输入元素，并自动删除输入

$(function() {
   $('.copy-to-clipboard > span').click(function() {
     var a=$('.copy-to-clipboard > span').text();
     var t=a.split(" ").join('');
    $('.copy-to-clipboard > span').append('<input value='+t+'>')
    
    $('input').select();
  
      document.execCommand('copy');
       $('.copy-to-clipboard > span > input').remove()
   
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>

Answer 2

$（'..复制到剪贴板输入'）.click（function（）

更改为

$（'.. copy-to-clipboard span '）。click（function（）

应该工作

如何使用javascript / jquery在span标签之间获取值

2 个答案: