如何将剪贴板.js与跨度标记 onselect 事件一起使用?



我能够创建一个使用剪贴板的简单网页.js带有一个按钮,该按钮使用data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"属性粘贴
预定义的文本,如剪贴板上的文档所示.js站点显示,但现在我想将一些文本放在<span>标签中并在选择此文本时复制它。

但是,我不知道如何将data-clipboard-action="copy" data-clipboard-target="span"属性"绑定"到<span>标签并使其使用 onselect 事件复制<span>的内容。

是否有可以在 javaScript 中用于执行复制和粘贴功能的过程语句?

我的目标是嵌入代码以将所选文本复制到电子邮件的 HTML 部分中,并允许电子邮件的收件人简单地将所选文本复制到剪贴板,以便随后可以从剪贴板将其粘贴到 Web 应用程序页面的输入文本框中。

这将简化触摸屏设备(如平板电脑和手机(上的复制/粘贴。

您可以使用此代码获取屏幕的选择,并可以使用"成功"和"错误"事件。阅读剪贴板 js 的事件和高级部分

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

請參閱iAmADeveloper的評論來獲得答案。

谢谢,iAmADeveloper。

最新更新