Xwab
Форумыnavigate_nextОбщие вопросы

Скопировать текст одним нажатием на иконку.
Сообщения
Sermyagin n

Как скопировать текст одним нажатием рядом сделать иконку при нажатии копируется пароль?
Вот страница http://t9155861.beget.tech/ads/passwordgenerator.php

04 Фев 2023, 0:36
Sanekl9

Sermyagin n,

<script type="text/javascript" >

function Copy(containerid) {
let textarea = document.createElement('textarea');
textarea.id = 'temp';
textarea.style.height = 0;
document.body.appendChild(textarea);
textarea.value = document.getElementById(containerid).innerText;
let selector = document.querySelector('#temp');
selector.select();
document.execCommand('copy');
document.body.removeChild(textarea);
}
</script>

<button onclick="Copy('toCopy')" title="Copy">Копировать</button>

<div id="toCopy">Тут твой пароль</div>

04 Фев 2023, 9:37
Sermyagin n

 супер спасибо тебе большое!
Как бы ещё снакбар показывать что текст скопирован успешно...

04 Фев 2023, 10:26
Sanekl9

Sermyagin n, https://html5css.ru/howto/howto_js_copy_clipboard.php
тут есть другой пример с уведомлением

04 Фев 2023, 11:29
Ответить на тему