title: How to issue notification when copying url using jQuery?
body: <p>I have the following script that simply and easily allows me to copy the URL from an attribute added to an HTML tag:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
      $('.clipboard').on("click", function(){
          value = $(this).data('ref');
   
          var $temp = $("&lt;input&gt;");
            $("body").append($temp);
            $temp.val(value).select();
            document.execCommand("copy");
            $temp.remove();
      })
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;span class="clipboard" data-ref="example.com1"&gt;Copy URL&lt;/span&gt;
  &lt;span class="clipboard" data-ref="example.com2"&gt;Copy URL&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>But I would like to be able to add an effect when copying the url, a notification similar to bitly, for example:</p>
  <p><a href="https://i.stack.imgur.com/1xFLU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1xFLU.png" alt="enter image description here" /></a></p>
  <p>If you can see bitly it emits an effect when copying the url.</p>
  <p>I would like to add something similar, but instead of creating the notification from the same copied url, create a similar effect but with the following word: <code>URL copied!</code></p>
  <p>Could you explain to me how I could add this notification?</p>