не могу разобраться как сделать так чтобы кнопка копировала свое же содержимое в буфер обмена...
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);
оно работает но копирует только содержимое первой кнопки... я так понимаю придется вообще поменять структуру кода для такой затеи?
