@arttstyle
web-макака

Как копировать в буфер текст внутри кнопки?

не могу разобраться как сделать так чтобы кнопка копировала свое же содержимое в буфер обмена...
document.querySelector('.copybox').addEventListener('click', function({ target: t }) {
  if (t.tagName === 'BUTTON') {
    navigator.clipboard.writeText(t.previousElementSibling.textContent);
  }
});
вот код, он копирует содержание предыдущего блока в буфер... но теперь я хочу копировать содержание самой же кнопки...

<div class="copybox">
<div class="copyhead"></div><button class="copybtn" type="button">содержимое1</button>
<div class="copyhead"></div><button class="copybtn" type="button">содержимое2</button>
<div class="copyhead"></div><button class="copybtn" type="button">содержимое3</button>
<div class="copyhead"></div><button class="copybtn" type="button">содержимое4</button>
</div>

поигрался с кодом и попробовал просто убрать предыдущий элемент
navigator.clipboard.writeText(t.textContent);
оно работает но копирует только содержимое первой кнопки... я так понимаю придется вообще поменять структуру кода для такой затеи?
  • Вопрос задан
  • 525 просмотров
Решения вопроса 1
Пригласить эксперта
Ваш ответ на вопрос

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

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