2 回答

TA貢獻1841條經驗 獲得超3個贊
不要使用,因為它只支持單行文本,并將刪除換行符
<input>
用于添加新行
\n
添加到以呈現換行符
white-space:pre
#thecopiedtext
$("#copystuff").click(function() {
var temp = $("<textarea>");
$("body").append(temp);
var previewHeader = $("#PreviewHeader").text();
var HiddenURLdiv = $("#HiddenURLdiv").text();
var contentTogether = previewHeader + "\n" + HiddenURLdiv;
temp.val(contentTogether).select();
document.execCommand("copy");
$("#thecopiedtext").text(contentTogether);
temp.remove();
});
#HiddenURLdiv {
display: none;
}
#thecopiedtext {
white-space: pre;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="PreviewHeader">Hello stuff is here</div>
<div id="HiddenURLdiv">This one is hidden</div>
<a href="#" id="copystuff">Copy Stuff</a>
<div id="thecopiedtext"></div>

TA貢獻1776條經驗 獲得超12個贊
如注釋中所述,您可以將兩者聯系,另外,您應該使用或者您可以將兩個元素包裝在(或任何顯示塊標簽,如)標簽中,因為默認情況下具有:<br />.html()<div><p><div>display:block
$("#copystuff").click(function() {
var temp = $("<input>");
$("body").append(temp);
var previewHeader = $("#PreviewHeader").text();
var HiddenURLdiv = $("#HiddenURLdiv").text();
var contentTogether = `<div>${previewHeader}</div><div>${HiddenURLdiv}</div>`;
temp.val(`${previewHeader}${HiddenURLdiv}`).select();
document.execCommand("copy");
$("#thecopiedtext").html(contentTogether);
temp.remove();
});
#HiddenURLdiv {
display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="PreviewHeader">Hello stuff is here</div>
<div id="HiddenURLdiv">This one is hidden</div>
<a href="#" id="copystuff">Copy Stuff</a>
<div id="thecopiedtext"></div>
添加回答
舉報