Нажмите, чтобы скопировать текст javascript

Question

Позвольте мне начать с того, что я новичок в javascript, и я просто понимаю, как переключиться на клик. Я делаю сайт как flatuicolors.com, и это, когда вы нажимаете на div, он скопирует цвет. Я написал каждый цвет в каждом div в теге P и задавался вопросом, можете ли вы щелкнуть, чтобы скопировать тег P в этом div.

<div class="main-colour-container col-group-1"> 
    <div class="colours-featured" id="div2"> 

     <div class="colour-box" style="background:#F22613;"> 
      <div class="inside-colour-box"> 
       <div class="colour-box-text fade"> 
        <p>#F22613</p> 
       </div> 
      </div> 
     </div> 

     <div class="colour-box" style="background:#F44336;"> 
      <div class="inside-colour-box"> 
       <div class="colour-box-text fade"> 
        <p>#F44336</p> 
       </div> 
      </div> 
     </div> 
     <div class="colour-box" style="background:#C62828;"> 
      <div class="inside-colour-box"> 
       <div class="colour-box-text fade"> 
        <p>#C62828</p> 
       </div> 
      </div> 
     </div> 
     <div class="colour-box" style="background:#DB3D45;"> 
      <div class="inside-colour-box"> 
       <div class="colour-box-text fade"> 
        <p>#DB3D45</p> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

По одному совпадению, я сделал то же самое ПЕН один раз.

Here - ссылка. Надеюсь, поможет. :)

function copyToClipboard(element) { 
    var $temp = $("<input>"); 
    $("body").append($temp); 
    $temp.val($(element).text()).select(); 
    document.execCommand("copy"); 
    $temp.remove(); 
} 

Отметьте ответ, если это поможет.