我如何将剪贴板.js与span标签一起用于onselect事件?

问题描述 投票:0回答:1

我能够创建一个简单的网页,该网页使用clipboard.js和一个按钮,该按钮使用剪贴板上的文档中显示的data-clipboard-text="Just because you can doesn't mean you should — clipboard.js"属性,但是现在我想在<span>标记中放置一些文本,并在选择此文本时将其复制。

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

我可以在javaScript中使用程序语句来执行复制和粘贴功能吗?

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

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

javascript html-email clipboard copy-paste selectedtext
1个回答
0
投票

您可以使用此代码来选择屏幕,并可以使用'success'和'error'事件。阅读剪贴板js的“事件和高级”部分

var clipboard = new ClipboardJS('button', {
  text: function (trigger) {
     return document.getSelection().toString()
  }
});
© www.soinside.com 2019 - 2024. All rights reserved.