Здравствуйте!
Есть скрипт, который копирует текст в буфер обмена:
//цепляем событие на onclick кнопки
var button = document.getElementById('userButton');
button.addEventListener('click', function () {
//нашли наш контейнер
var ta = document.getElementById('cont');
//производим его выделение
var range = document.createRange();
range.selectNode(ta);
window.getSelection().addRange(range);
//пытаемся скопировать текст в буфер обмена
try {
document.execCommand('copy');
} catch(err) {
console.log('Can`t copy, boss');
}
//alert("text copied")
//очистим выделение текста
window.getSelection().removeAllRanges();
});
Хочется, что бы после копирования появлялось сообщение на самой странице, что текст скопирован (обычный alert выглядит некрасиво)
<p>Здесь какой то предварительный текст...
<span id="cont">текст для копирование</span><br>
<button id="userButton" class="btn btn-alt btn-sm">Скопировать</button><br>
</p>