如何使用带有 span 标记 onselect 事件的 clipboard.js？

Question

我能够创建一个简单的网页，该网页使用clipboard.js和一个按钮，该按钮使用该data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"属性粘贴预定义的文本，如 clipboard.js 站点上的文档所示，但现在我想在<span>标签中放置一些文本并复制它when this text is selected.但是，我不知道如何将data-clipboard-action="copy" data-clipboard-target="span"属性“绑定”到<span>标签并使其<span>使用 onselect 事件复制的内容。我可以在 javaScript 中使用过程语句来执行复制和粘贴功能吗？我的目标是嵌入代码以将所选文本复制到电子邮件的 HTML 部分，并允许电子邮件收件人简单地将所选文本复制到剪贴板，以便可以将其从剪贴板粘贴到输入文本框中Web 应用程序的页面。这将简化在平板电脑和手机等触摸屏设备上的复制/粘贴。

Answer 1

您可以使用此代码来获取屏幕的选择，并可以使用 'success' 和 'error' 事件。阅读剪贴板 js 的 Events and Advance 部分

var clipboard = new ClipboardJS('button', {

  text: function (trigger) {

     return document.getSelection().toString()

  }

});

Answer 2

请参阅 iAmADeveloper 的评论以获得答案。

谢谢，iAmADeveloper。