@arttstyle
web-макака

Скрипт копирования данных из div?

<div class="copybox">
<div class="copyhead"></div><div class="one"></div><button class="copybtn1" type="button">Copy</button>
<div class="copyhead"></div><div class="two"></div><button class="copybtn2" type="button">Copy</button>
<div class="copyhead"></div><div class="three"></div><button class="copybtn3" type="button">Copy</button>
<div class="copyhead"></div><div class="four"></div><button class="copybtn4" type="button">Copy</button>
</div>


Хочу по кнопке btn1-4 копировать данные из one/two/three/four в буфер обмена. в каждом диве будут разные данные построчно. и разные кнопки. как это сделать максимально юзабельно без дальнейшего геморроя с совместимостью? в идеале просто копировать innerhtml блока который позади кнопки
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('.copybox').addEventListener('click', function({ target: t }) {
  if (t.tagName === 'BUTTON') {
    navigator.clipboard.writeText(t.previousElementSibling.textContent);
  }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы