javascript - 为什么将文本复制到剪贴板时不应用新行

Question

我之前问过“How to make a share button to share quote with post URL in Google blogger blog”并得到了解决方案。

现在我正在尝试实现回退功能，因为大多数浏览器不支持 Web Share API 方法并提出了解决方案。

<script>
//<![CDATA[
var title = document.title;
var url = window.location.href;

document.querySelectorAll('.shareBtn').forEach(function (btn) {
    var text = btn.previousElementSibling.textContent + '\n';
    btn.addEventListener('click', function () {
        if (navigator.share) {
            navigator.share({
                title: title,
                text: text,
                url: url
            });
        }else{
                var shareText = document.createElement('input');
                document.body.appendChild(shareText)
                shareText.value = text+url;
                shareText.select();
                document.execCommand('copy',false);
                shareText.remove();
                alert(" Text Copied");
            }
    });
});
//]]>
</script>

在 if 部分 var text = btn.previousElementSibling.textContent + '\n' 文本和 url 之间应用了行间距，但是当 else 部分执行时没有应用行间距。

Answer 1

您需要在 createElement() 中使用 textarea 元素而不是 input