Why is text not being copied in IOS?

Question

css

I implement the functionality of copying text on the click of a button. Everything works in Chrome on PC but does not work in the mobile version of IOS Safari
What's the problem?

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

<p id="p1">Текст,  который надо скопировать</p>

<button class="button--extra" onclick="copyToClipboard('#p1'); document.getElementsByClassName('copied')[0].style.display = 'block';">Скопировать отзыв в буфер</button>
<p style="display: none; text-align: center; margin: 0;" class="copied">Скопировано</p>

Here it is implemented: Arthata.by

Answer 1

Alas and ah, just use solutions like https://clipboardjs.com
At one time I tried a lot of things, settled on this solution. I copy even tables of several hundred lines, it works on all platforms and in all browsers.