Как я могу использовать clipboard.js с событием onselect тега span?

Question

Мне удалось создать простую веб-страницу, которая использует clipboard.js с кнопкой, которая вставляет предварительно определенный текст, используя свойство
data-clipboard-text="Just because you can doesn't mean you should — clipboard.js", как показано в документации на сайте clipboard.js. , но теперь я хочу поместить некоторый текст в тег <span> и скопировать его при выделении этого текста.

Однако я не знаю, как связать свойства data-clipboard-action="copy" data-clipboard-target="span" с <span> и заставьте его скопировать содержимое <span> с событием onselect.

Существуют ли процедурные операторы, которые я могу использовать в javaScript для выполнения функций копирования и вставки?

Моя цель - встроить код для копирования выделенного текста в HTML-часть электронного письма и позволить получателю электронного письма просто скопировать выбранный текст в буфер обмена, чтобы затем его можно было вставить из буфера обмена в текстовое поле ввода вСтраница веб-приложения.

Это упростит копирование / вставку на устройствах с сенсорным экраном, таких как планшеты и мобильные телефоны.

Answer 1

Пожалуйста, смотрите комментарии iAmADeveloper для ответа.

Спасибо, iAmADeveloper.

Answer 2

Вы можете использовать этот код для выбора экрана и использовать события «success» и «error». Прочитать раздел «События и продвижение» в буфере обмена js

var clipboard = new ClipboardJS('button', {
  text: function (trigger) {
     return document.getSelection().toString()
  }
});