Как реализовать copy to clipboard?

Junior
279 просмотров
AFK Offer AI

Современный API: navigator.clipboard.writeText(text).then(() => showToast("Скопировано")). Требует HTTPS и фокус на странице. Fallback для старых браузеров: textarea trick — создаёшь скрытый textarea, вставляешь текст, document.execCommand("copy"), удаляешь. В React: onClick хендлер, state для показа "Скопировано" с setTimeout сбросом. Для копирования rich content: navigator.clipboard.write([new ClipboardItem({...})]). Permissions API: navigator.permissions.query({ name: "clipboard-write" }).

Следующий вопрос

Как работает делегирование событий?