@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
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Admitad Projects Москва
от 130 000 до 200 000 ₽
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $
от 5 000 до 6 500 $
28 мая 2020, в 22:27
5000 руб./за проект
28 мая 2020, в 21:46
20000 руб./за проект
28 мая 2020, в 21:42
10000 руб./за проект