@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 блока который позади кнопки
  • Вопрос задан
  • 93 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
document.querySelector('.copybox').addEventListener('click', ({ target: t }) => {
  if (t.tagName === 'BUTTON') {
    navigator.clipboard.writeText(t.previousElementSibling.textContent);
  }
});
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@RomanKudlatov
node.previousSibling пробовал?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы