【jQuery】クリックでテキストをコピー

前提

jQueryを使っているのでCDNを読み込むなど、
jQueryが利用できるようにしてください。

コード

<h2>
  <span>コピーしないテキスト</span>
  <span class="text">コピーするテキスト</span>
  <span>コピーしないテキスト</span>
  <span class="copy-text-btn">【ここをクリックでテキストをコピー】</span>
</h2>

textCopy.js

window.addEventListener('load', function(){
  $('.copy-text-btn').on('click',function(){
    var textElem = $(this).parent().find('.text');
    window.getSelection().selectAllChildren(textElem[0]);
    document.execCommand("copy");
    window.alert("テキストをコピーしました！");
  });
});

動作実演GIF