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

[Anonymous]

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

Я хочу вместо этого иметь в виде инструментария, где плавает на списке. Исчезает:

Как мне сохранить исходные детали там и сплачивать «Скопись», а затем исчезает? class = "Snippet">

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

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