Не работает копирование в буфер из TEXTAREA

@putman · Регистрация: 24.11.2020

Студворк — интернет-сервис помощи студентам

Здравствуйте.
Не работает копирование в буфер из TEXTAREA при загрузке страницы. В BODY прописано выполнение функции st() по окончании загрузки страницы:

HTML5
1
<body onload="st()">

JavaScript
1
2
3
4
5
6
7
function st()
                { 
                    alert ("test");
                    var textToCopy = document.getElementById("tarea");
                    textToCopy.select();
                    document.execCommand("copy");
                }

ALERT выводит сообщение - test, значит функция срабатывает, но копирования данных из TEXTAREA не происходит.

Но если сделать другую функцию, идентичную первой:

HTML5
1
<button onclick='copyMyText()'>Copy To Clipboard</button>

JavaScript
1
2
3
4
5
6
function copyMyText() 
                {                   
                     var textToCopy = document.getElementById("tarea");
                     textToCopy.select();
                     document.execCommand("copy");
                }

, то по нажатию кнопки "Copy To Clipboard" текст прекрасно копируется в буфер.

Уже больше часа сижу, разные варианты пробую, никак не хочет.
Пожалуйста помогите.

@gogolik · 15.11.2025, 11:12

Скорее всего в целях безопасности копирование осуществляется только после взаимодействия пользователя и страницы. Например, после клика.

@putman · 15.11.2025, 11:17 **[ТС]**

То есть никак не добиться требуемого действия ?

@gogolik · 15.11.2025, 11:40

putman, во-первых, с какой целью это делается? Во-вторых, я погуглил и действительно такого рода действия запрещены без действия пользователя.

Максимум что, можете выделять текст и выводить сообщение "нажмите ctrl+c" для копирования или выводить кнопку сразу с тем же функционалом, но на современный лад:

JavaScript
1
2
3
4
5
6
function copyMyText() {
    const text = document.getElementById("tarea").value
    navigator.clipboard.writeText(text)
        .then(() => console.log('Скопировано!'))
        .catch(err => console.error('Ошибка копирования:', err))
}

Может и есть какие-то костыли, но такое поведение сайта будет расцениваться на 99% как вредоносное.

@putman · 15.11.2025, 11:51 **[ТС]**

Спасибо.
Не вижу где тут кнопка цитировать ...

Не понял для чего - console.log , она нигде не отображается у меня, т.е. результат вывода в этот лог не видно и где сам лог я не пойму.

Я написал конвертор текста в код, который на форуме пишет не как все, а разноцветным шрифтом.
В textarea пишу обычный текст, нажимаю "Преобразовать" и в эту же textarea возвращается уже код понятный форуму. Чтобы его забрать в буфер и вставить на форум приходится выделять в текстовом окне и жать скопировать.
Я хотел чтобы в буфер помещалось автоматически, для уменьшения лишних движений.

krvsa · 15.11.2025, 21:29

Сообщение от putman

нажимаю "Преобразовать"

Вот тогда и нужно записывать еще и в буфер обмена.

@putman · 15.11.2025, 21:40 **[ТС]**

Сообщение от krvsa

Вот тогда и нужно записывать еще и в буфер обмена.

При нажатии Преобразовать идёт редирект на саму себя, и после загрузки страницы не копируется выделенный текст в буфер.
Т.е. во время нажатия кнопки еще нет готового текста. Он будет только после перезагрузки страницы, а там не работает копирование в буфер как оказалось.

@kidASM · 16.11.2025, 15:44

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <textarea id="tArea"></textarea>
        <script>
            const tArea = document.getElementById('tArea');
 
            if(tArea){
                tArea.addEventListener('paste', (event) => {
                    // Событие "paste" очень медленное, т.к. браузеру нужно изменит DOM и отрисовать его. 
                    setTimeout((event) => {
                        let text = `<b>${event.target.value}</b>`; // Редактируем текст
                        event.target.value = text;
                        navigator.clipboard.writeText(text).then().catch(err => {
                            alert('Ошибка при копировании.');
                        });
                    }, 100, event);
                });
            }
        </script>
    </body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@gogolik Супер-модератор 3952 / 2061 / 829 Регистрация: 13.03.2010 Сообщений: 6,782
	15.11.2025, 11:12
	Скорее всего в целях безопасности копирование осуществляется только после взаимодействия пользователя и страницы. Например, после клика. 0

@putman 5 / 5 / 2 Регистрация: 24.11.2020 Сообщений: 73
	15.11.2025, 11:17 [ТС]
	То есть никак не добиться требуемого действия ? 0

@putman 5 / 5 / 2 Регистрация: 24.11.2020 Сообщений: 73
	15.11.2025, 11:51 [ТС]
	Спасибо. Не вижу где тут кнопка цитировать ... Не понял для чего - console.log , она нигде не отображается у меня, т.е. результат вывода в этот лог не видно и где сам лог я не пойму. Я написал конвертор текста в код, который на форуме пишет не как все, а разноцветным шрифтом. В textarea пишу обычный текст, нажимаю "Преобразовать" и в эту же textarea возвращается уже код понятный форуму. Чтобы его забрать в буфер и вставить на форум приходится выделять в текстовом окне и жать скопировать. Я хотел чтобы в буфер помещалось автоматически, для уменьшения лишних движений. 0