如何将 Clipboard.js 值保存到字符串
How to save Clipboard.js value to string
我开始使用 clipboards.js 通过单击按钮复制 div 的内容,但现在我需要将它保存到一个字符串中,这样我就可以删除要显示的新行1 段,但我无法访问存储到剪贴板的数据
这里的这个功能是使用 clipboard.js 保存到剪贴板,你可以看到我试图将它保存到 "var str2" 但它显示了这个 "Cannot read property '_target' of undefined"
_this.testClick = function () {
var clipboard = new Clipboard('.clipboard');
var str2 = clipboard.clipboardAction._target.innerText.replace(/\n|\r/g, "");
_this.copyStringToClipboard(str2);
};
这是再次复制但没有空格的函数
_this.copyStringToClipboard = function (str) {
// Create new element
var el = document.createElement('textarea');
// Set value (string to be copied)
el.value = str;
// Set non-editable to avoid focus and move outside of view
el.setAttribute('readonly', '');
el.style = {
position: 'absolute',
left: '-9999px'
};
document.body.appendChild(el);
// Select text inside element
el.select();
// Copy text to clipboard
document.execCommand('copy');
// Remove temporary element
document.body.removeChild(el);
}
如何访问内部文本或剪贴板以便将其保存到 str2?
尝试使用 ClipboardJS()
和 success
事件
var clipboard = new ClipboardJS('.clipboard');
clipboard.on('success', function(e) {
console.log(e.text);
console.log(e.text.replace(/\n|\r/g, ""));
});
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<button class="clipboard" data-clipboard-text="Just
because
you can
doesn't mean you should — clipboard.js">
Copy
</button>
我开始使用 clipboards.js 通过单击按钮复制 div 的内容,但现在我需要将它保存到一个字符串中,这样我就可以删除要显示的新行1 段,但我无法访问存储到剪贴板的数据
这里的这个功能是使用 clipboard.js 保存到剪贴板,你可以看到我试图将它保存到 "var str2" 但它显示了这个 "Cannot read property '_target' of undefined"
_this.testClick = function () {
var clipboard = new Clipboard('.clipboard');
var str2 = clipboard.clipboardAction._target.innerText.replace(/\n|\r/g, "");
_this.copyStringToClipboard(str2);
};
这是再次复制但没有空格的函数
_this.copyStringToClipboard = function (str) {
// Create new element
var el = document.createElement('textarea');
// Set value (string to be copied)
el.value = str;
// Set non-editable to avoid focus and move outside of view
el.setAttribute('readonly', '');
el.style = {
position: 'absolute',
left: '-9999px'
};
document.body.appendChild(el);
// Select text inside element
el.select();
// Copy text to clipboard
document.execCommand('copy');
// Remove temporary element
document.body.removeChild(el);
}
如何访问内部文本或剪贴板以便将其保存到 str2?
尝试使用 ClipboardJS()
和 success
事件
var clipboard = new ClipboardJS('.clipboard');
clipboard.on('success', function(e) {
console.log(e.text);
console.log(e.text.replace(/\n|\r/g, ""));
});
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<button class="clipboard" data-clipboard-text="Just
because
you can
doesn't mean you should — clipboard.js">
Copy
</button>