fruworg/themu
1
0
Fork 0
mirror of https://github.com/fruworg/themu.git synced 2024-11-16 07:07:16 +03:00
Code Issues Packages Projects Releases Wiki Activity

js

Browse Source
This commit is contained in:
fruworg 2023-08-02 22:25:41 +06:00
parent 50b867f53e
commit 5820838ad8
1 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
static/js/copy.js
View File

@ -1,28 +1,42 @@
// Получаем элементы, с которыми будем работать // Получаем все элементы с классом "highlight"
const codeElement = document.querySelector('.highlight code'); const codeElements = document.querySelectorAll('.highlight');
const spanElement = codeElement.querySelector('span span');
// Добавляем обработчик события на ::before псевдоэлемент // Добавляем обработчик события на каждый элемент с классом "highlight"
codeElement.addEventListener('click', () => { codeElements.forEach((highlightBlock) => {
// Создаем временный элемент textarea // Находим элемент с тегом "code" внутри текущего блока "highlight"
const tempTextarea = document.createElement('textarea'); const codeElement = highlightBlock.querySelector('code');
// Устанавливаем значение текста в textarea равным тексту из span // Находим все span-элементы внутри блока
tempTextarea.value = spanElement.textContent; const spanElements = highlightBlock.querySelectorAll('span');
// Добавляем textarea в документ (необходимо, чтобы метод .select() сработал) // Создаем текст, объединяя содержимое всех span-элементов внутри текущего блока "highlight"
document.body.appendChild(tempTextarea); let combinedText = '';
spanElements.forEach((spanElement) => {
combinedText += spanElement.textContent;
});
// Выделяем текст в textarea // Добавляем обработчик события на клик по элементу "code"
tempTextarea.select(); codeElement.addEventListener('click', () => {
// Создаем временный элемент textarea
const tempTextarea = document.createElement('textarea');
// Копируем выделенный текст в буфер обмена // Устанавливаем значение текста в textarea равным объединенному тексту
document.execCommand('copy'); tempTextarea.value = combinedText;
// Удаляем временный элемент textarea // Добавляем textarea в документ (необходимо, чтобы метод .select() сработал)
document.body.removeChild(tempTextarea); document.body.appendChild(tempTextarea);
// Можно добавить визуальную обратную связь для пользователя, например, изменить стиль ::before // Выделяем текст в textarea
// codeElement.style.setProperty('content', '"Copied!"'); tempTextarea.select();
// setTimeout(() => codeElement.style.removeProperty('content'), 1000);
// Копируем выделенный текст в буфер обмена
document.execCommand('copy');
// Удаляем временный элемент textarea
document.body.removeChild(tempTextarea);
// Можно добавить визуальную обратную связь для пользователя, например, изменить стиль ::before
// codeElement.style.setProperty('content', '"Copied!"');
// setTimeout(() => codeElement.style.removeProperty('content'), 1000);
});
}); });