如何在使用零剪贴板复制到剪贴板时修改文本

How to modify text when copyng to Clipboard using ZeroClipboard?

本文关键字：剪贴板 复制 修改 文本      更新时间：2023-09-26

我正在尝试使用零剪贴板2.2.0。此示例在单击按钮时将div内容复制到剪贴板。

<html>
<head>
    <script type="text/javascript" src="bower_components/zeroclipboard/dist/ZeroClipboard.min.js"></script>
</head>
<body>
<input id="textholder" value="some text" />
<button id="button1" data-clipboard-target="textholder">Copy from div to Clipboard</button>
<script>
    var zeroClipboard = new ZeroClipboard();
    zeroClipboard.clip(document.querySelector("#button1"));
</script>
</body>
</html>

如何修改复制的文本，以获得，例如，"一些文本[复制]"而不是只是"一些文本"粘贴?

您可以在zeroClipboard上使用setText()函数，而不仅仅是剪切按钮。因此，您可以创建一个变量，将文本存储在textfield中，然后对其进行修改。就像这样:

<html>
<head>
    <script type="text/javascript" src="bower_components/zeroclipboard/dist/ZeroClipboard.min.js"></script>
</head>
<body>
<input id="textholder" value="some text" />
<button id="button1" data-clipboard-target="textholder">Copy from div to Clipboard</button>
<script>
    var zeroClipboard = new ZeroClipboard();
    var text = //select your textfield and add modifications to the text
    zeroClipboard.setText(text);
    zeroClipboard.clip(document.querySelector("#button1"));
</script>
</body>
</html>

希望能有所帮助=)

相关文章：