Как показать уведомление об успешном копировании?

Question

[Александр Коновалов]

Здравствуйте! Использую clipboard для копирования текста по нажатию на кнопку. При наведении на кнопку появляется подсказка "скопировать", а по нажатию ничего не происходит. То есть пользователю не понятно, скопирован текст или нет. Как вывести подсказку, что текст скопирован?
https://codepen.io/anon/pen/XYbZwo

Answer 1

[Сергей]

Вообще-то понятно, ведь текст становится выделенным.
Можно показать также tooltip над кнопкой, мол, добавлено в буфер или вывести popup окошко

Comments

[Александр Коновалов]

Сергей, посмотрите мой код, у меня сделано кнопкой. Я вот и хочу показывать тултип, но не знаю как сделать

[Сергей]

Александр Коновалов, там же в примерах как раз есть tooltip.
Скачайте библиотеку, откройте страницу с примерами и скопируйте код.
Вот бутстраповская документация.

Answer 2

[Максим Тимофеев]

А Вы читали хотя бы первую половину страницы главной? https://clipboardjs.com/
Там есть data-clipboard-text
Есть события, которые кидает плагин при успешном копировании и при ошибке

Comments

[Александр Коновалов]

Максим Тимофеев а причём здесь data-clipboard-text?