javascript - 如何将 Clipboard.js 值保存到字符串

Question

我开始使用 clipboards.js 通过单击按钮复制 div 的内容，但现在我需要将它保存到一个字符串中，这样我就可以删除新行以显示为 1 段，但我无法访问数据存储到剪贴板

这里的这个函数是使用 clipboard.js 保存到剪贴板，你可以看到我试图将它保存到“var str2”但是它显示这个“无法读取未定义的属性'_target'”

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

Answer 1

尝试使用 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>