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

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>

如果部分var text = btn.previousElementSibling.textContent +'\ n'在文本和url之间应用行距，但在其他情况下不执行部分行距。

Answer 1

您需要使用textarea元素代替input中的createElement()