使用 ZeroClipboard 复制到剪贴板时如何修改文本？

Question

我正在尝试使用 zeroclipboard 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>

如何修改复制的文本以便在粘贴时获得 "some text [copied]" 而不仅仅是 "some text"？

Answer 1

您可以在 zeroClipboard 上使用 setText() 函数，而不仅仅是剪裁按钮。因此，您可以创建一个变量，在其中获取存储在文本字段中的文本，然后对其进行修改。这将是这样的：

<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>

希望对您有所帮助=)

使用 ZeroClipboard 复制到剪贴板时如何修改文本？

How to modify text when copyng to Clipboard using ZeroClipboard?

javascript

clipboard

zeroclipboard