Как копировать текст по нажатию?

Question

[LastGeneral]

Как можно сделать ссылку с иконкой, по нажатию на которую, копируется её содержимуе. Текст добавляется с помощью ACF.

<?php if( get_field('icons') ):

        while ( has_sub_field('icons') ) :

            if( get_row_layout() == 'others' ):
                
                // Другие иконки

            elseif( get_row_layout() == 'bank' ): 

                echo '<div class="item">';
                echo '<svg class="icon"></svg>';
                echo '<h3 class="name">';
                the_sub_field('bank_title');
                echo '</h3><a class="title" href="" target="_blank">';
                the_sub_field('bank_text');
                echo '</a></div>';

            endif;
        endwhile;
    else :

    endif;

?>

Answer 1

[LastGeneral]

<a href='javascript:;' id="alhpa">1234</a>

document.getElementById('alhpa').onclick = function(e){
  if (document.selection) {
      const range = document.body.createTextRange();
      range.moveToElementText(this);
      range.select();
  } else if (window.getSelection) {
      const range = document.createRange();
      range.selectNode(this);
      window.getSelection().addRange(range);
  }
  document.execCommand('copy');
  return false;
}

Answer 2

[MrColdCoffee]

clipboard.js

Comments

[LastGeneral]

А без подключения сторонних

[MrColdCoffee]

LastGeneral, можно, но я сталкивался с проблемами на мобильных устройствах

[LastGeneral]

MrColdCoffee, Нашел код, работает нормально, проверил на 2 телефонах на разной ОС работает, остается только интегрировать