Как вставить текст при помощи navigator.clipboard?

Question

[KarambyG]

Имеется скрипт JS, который должен скопировать текст из H1, и вставить его в консоль..

navigator.clipboard.writeText(h1.innerHTML)
      .then(() => {
        console.log(navigator.clipboard.readText());
      })
      .catch(error => {
        console.error(`Текст не скопирован ${error}`)
      })

Оно то копирует, всё ок. Но во время вставки, в консоле появляется ошибка:
Clipboard read request was blocked due to lack of user activation.

Я так понимаю, нужно какое-то разрешение дать. Только где и как это сделать? У меня браузер мозила если что...

Comments

[Ivan Ustûžanin]

"user activation" означает инициирование пользователем, т.е. будет работать только в обработчиках всяких событий типа click, keyup и т.п.

[KarambyG]

IvanU7n, Точно, заработало, спасибо :)

А подскажи можно ли на одной странице скопировать текст, а на другой странице его как-то вставить при нажатии на js кнопку?
А то когда так делаю, пишет
TypeError: navigator.clipboard is undefined

Могу конечно вставить текст с помощью Cntr+V, но хотелось бы при клике на кнопку :)

[Ivan Ustûžanin]

KarambyG, в рамках одного "события? но всё равное тут не подскажу, т.к. некоторые cross-page взаимодействия местами странные, из-за этого как раз и придумали postMessage()

[KarambyG]

IvanU7n, нет события разные.. тоесть я кликаю на 1 странице, и текст копируется. а потом кликаю на другой странице, и текст вставляется..

Просто я заметил, что при клике на первой странице, текст копируется в буфер. Я его вставить могу в ручном режиме куда угодно. А нужно както через js кнопку его вставить :)

[Ivan Ustûžanin]

KarambyG, в таком случае проблема может быть в том, что clipboard в navigator может быть доступен только в secure-контекстах