💡 Копирование, вырезание и вставка текста на JavaScript
HTML:
JavaScript:
👉 @FrontendPortal | #js
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