Как сделать текст с плавающей копией, который медленно исчезает для моего сайта ⇐ Html

[Anonymous]

Мой текущий веб -сайт копирует электронное письмо в буфер обмена при нажатии:

Я хочу вместо этого иметь пар, где он плавает, и медленно разочаровывает: p> p> p> p>
. alt = "Новая копия электронной почты" src = "https://i.sstatic.net/bzbql8lu.png"/>
Как я могу сохранить исходные данные там и иметь плавучий "Comped" Text поднимается и затем исчезает? />

Код: Выделить всё

function copyText() {
/* Copy text into clipboard */
navigator.clipboard.writeText("minhkhoi.nguyengamer12@proton.me").then(() => {
// Optional: Add feedback here if you want
console.log("Email copied via copyText function!");
// alert("Email copied!"); // Simple feedback
}).catch(err => {
console.error("Failed to copy email via copyText function:", err);
});
}

document.addEventListener('DOMContentLoaded', () => {
// email copy code
const emailLink = document.querySelector('a.social-button.proton');

if (emailLink) {

emailLink.addEventListener('click', (event) => {
event.preventDefault(); // Prevent navigating to the link's href
copyText(); // Call your function here

// Optional: Add the visual feedback logic here if needed,
// using iconSpan and originalIconHTML like before,
// since copyText() itself doesn't handle it.
const iconSpan = emailLink.querySelector('span.icon');
if (iconSpan) {
const originalIconHTML = iconSpan.innerHTML;
iconSpan.textContent = 'Copied';
setTimeout(() => {
iconSpan.innerHTML = originalIconHTML;
}, 2000);
}
if (svg) {
const originalIconHTML = iconSpan.innerHTML;
iconSpan.textContent = 'Copied';
setTimeout(() => {
iconSpan.innerHTML = originalIconHTML;
}, 2000);
}

});

} else {
console.warn('Could not find the email link element (a.social-button.proton).');
}

})< /code>





[/i]E-Mail
username@email.com

Подробнее здесь: https://stackoverflow.com/questions/796 ... my-website