0

Есть php, он при определённых событиях выводит button.

printf('<button onclick="setclipboard()">Copy text</button>');

При нажатии на которую по идее должна срабатывать функция setclipboard().

А вот и она:

<script>
function setclipboard(){
   navigator.clipboard.writeText("someText").then(function() {
//1
}, function() {
//2
   });
}
</script>

Я пытаюсь сделать так, чтобы при нажатии на кнопку копировался текст "someText".

Но оно не работает. Почему? Что я делаю не так?

2

3 ответа 3

0

Функция setclipboard видимо "не видна" из контекста вызова.

Попробуй так:

window.setclipboard = function () {
    navigator.clipboard.writeText("someText").then(function () {
//1
    }, function () {
//2
    });
};
5
  • Не помогло. :( Всё находится в одном php файле. Вот как это видит браузер: i.imgur.com/TMsRtc0.png
    – bully
    29 янв 2020 в 14:40
  • Может в браузере дело? navigator.clipboard в IE не поддерживается вроде как.
    – holden321
    29 янв 2020 в 18:27
  • Chrome версия последняя
    – bully
    29 янв 2020 в 20:30
  • Мутная история. Давайте по порядку: если вы нажимаете кнопку Copy text и затем в каком нибудь текстовом редакторе вставляете текст с помощью Ctrl + V ничего не происходит? Текст не вставляется, someText не появляется?
    – holden321
    30 янв 2020 в 6:22
  • Да, так и получается.
    – bully
    30 янв 2020 в 9:41
0

Для примера (Есть, к примеру, поле ввода, или любое другое поле):

<?php
$bz = "1"; // К примеру, есть переменная.
?>
<div>Отсюда копируем текст</div>
<input id="textForCopy">
<?php
if ($bz == "1"){ // Выполняем проверку. Если переменная = 1, то показываем кнопку, которая копирует текст в буффер обмена.
    printf('<button onclick="setclipboard()">Copy text</button>');
}
?>
<div>Сюда вставляем текст из буффера</div>
<input>
<script language="JavaScript">
    function setclipboard(){
        let text = document.getElementById('textForCopy').value; // получаем введённый в поле текст
        navigator.clipboard.writeText(text).then(function() { // Копируем текст в буффер обмена
//1
        }, function() {
//2
        });
    }
</script>

Как это работает, когда есть кнопка:

    function setclipboard(){
        let text = document.getElementById('textForCopy').value;
        navigator.clipboard.writeText(text).then(function() {
//1
        }, function() {
//2
        });
    }
<div>Отсюда копируем текст</div>
<input id="textForCopy">
<button onclick="setclipboard()">Copy text</button>
<div>Сюда вставляем текст из буффера (Ctrl + v)</div>
<input>

6
  • У меня это точно так же и работает, только кнопка выводится в цикле.(их много) И текст у меня берётся не из поля на странице а из БД. Но это не работает, при нажатии ничего не происходит.
    – bully
    29 янв 2020 в 20:59
  • @bully Это пример. А чего Вы ждёте??? Вы так и не ответили на вопрос. Вы копируете данные в буффер обмена, дальше что Вы хотите сделать?
    – Denis640Kb
    29 янв 2020 в 21:06
  • Мне нужно скопировать данные в буфер обмена компьютера. Затем я их могу вставить в текстовик, в другой софт и т.д. Главная задача это скопировать текст из переменной в буфер обмена компьютера.
    – bully
    29 янв 2020 в 21:13
  • @bully Ну так Вы их и копируете. Вот пример выше наглядно это демонстрирующий.
    – Denis640Kb
    29 янв 2020 в 21:14
  • @bully в чём проблема? Попробуйте в примере ввести текст в первое поле, нажмите кнопку copy text и проверьте. Текст будет скопирован в буффер обмена. Вставляйте куда хотите.
    – Denis640Kb
    29 янв 2020 в 21:25
0

Ответ нашелся. Дело в том что на хостинге где проводились тесты был http протокол. Судя по документации, для работы clipboard необходимо чтобы соединение было доверенным.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.