💡 Копирование, вырезание и вставка текста на JavaScript



HTML:

<textarea type="text" class="content"></textarea>



<button type="button" class="copy">Копировать</button>

<button type="button" class="cut">Вырезать</button>

<button type="button" class="paste">Вставить</button>




JavaScript:

// Копируем

document.querySelector('.copy').addEventListener('click', () => {

const txt = document.querySelector('.content').value;

navigator.clipboard.writeText(txt);

});



// Вырезаем

document.querySelector('.cut').addEventListener('click', () => {

const txt = document.querySelector('.content').value;

navigator.clipboard.writeText(txt)

.then(() => {

document.querySelector('.content').value = "";

});

});



// Вставляем

document.querySelector('.paste').addEventListener('click', () => {

navigator.clipboard.readText()

.then(txt => {

document.querySelector(".content").value = txt;

});

});




👉 @FrontendPortal | #js