Вопрос Navigator.clipboard.writetext (ОШИБКА)

[StepanPavuk]

При нажатии на кнопку скопировать выводить ошибку:

Сама кнопка:


В чём прикол блин?(


IpCopy.js:

const copyBtn = document.getElementById('copyBtn');
const ipText = document.getElementById('ipText');

copyBtn.addEventListener('click', function(){
navigator.clipboard.writeText(ipText.innerText);
success('Скопированно!', 2000);
})

index.php:

<div id="etc">
<h1>Онлайн</h1>
<p><i class="fad fa-user-friends"></i> <?php echo $online ?> игроков</p>
<div id="ip">
<p id="ipText"><?php echo $ip?></p>
<div id="animBtn"><button id="copyBtn"><i class="far fa-copy"></i></button>
<div id="underBtn"></div>
</div>

 

[dfgpo3]

Привет, я помню давно вылетала эта ошибка когда выкидывал свой сайт на сервак, и пришлось чуток скостылить, чтобы работало копирование. У меня вышел такой код и в принципе он вполне работал, надеюсь он тебе поможет.

const copyToClipboard = (text) => {
    const textField = document.createElement('textarea');
    textField.innerText = text;
    document.body.appendChild(textField);
    textField.select();
    document.execCommand('copy');
    textField.remove();
};