Показать сообщение отдельно
  #4 (permalink)  
Старый 23.01.2020, 18:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 30,413

finlolo,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">


</head>
<body>
<span class="link">https://javascript.ru/forum/</span>
<script>
const span = document.querySelector(".link");
span.onclick = function() {
    document.execCommand("copy");
}
span.addEventListener("copy", function(event) {
    event.preventDefault();
    if(span.querySelector(".far")) return;
    if (event.clipboardData) {
        event.clipboardData.setData("text/plain", span.textContent);
        var strLink =  event.clipboardData.getData("text");
        console.log(span.style);
        span.innerHTML = '<i class="far fa-copy"></i>  Ссылка скопирована';
        span.style.justifyContent = 'center';
        span.style.fontSize = '15px';
        setTimeout(function(){
            span.innerHTML = strLink;
            span.style.justifyContent = 'flex-start';
            span.style.fontSize = '20px';
        },3000)
    }
});

  </script>
</body>
</html>
Ответить с цитированием