我试图使用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;粘贴?
答案 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>
希望有帮助=)