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

时间:2015-05-26 20:04:27

标签: javascript clipboard zeroclipboard

我试图使用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>

如何修改复制的文本以获取,例如,&#34;某些文本[复制]&#34;而不只是&#34;一些文字&#34;粘贴?

1 个答案:

答案 0 :(得分: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>

希望有帮助=)