fruworg/themu
1
0
Fork 0
mirror of https://github.com/fruworg/themu.git synced 2024-09-28 03:00:34 +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

66
static/js/copy.js
View File

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