首頁猿問如何通過一次單擊從兩個不同的div...

如何通過一次單擊從兩個不同的div（其中一個隱藏）復制內容，但每個div都在單獨的行上？

JavaScript

翻閱古今 2022-09-23 16:21:20

我從plumwd找到了這個很棒的代碼，我真的很喜歡它，因為它的簡單性，并且因為其中一個div是隱藏的，但不幸的是，它將兩個內容復制到一行中：<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><style> #HiddenURLdiv {display: none;}</style><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><script> $("#copystuff").click(function() { var temp = $("<input>"); $("body").append(temp); var previewHeader = $("#PreviewHeader").text(); var HiddenURLdiv = $("#HiddenURLdiv").text(); var contentTogether = previewHeader + " " + HiddenURLdiv; temp.val(contentTogether).select(); document.execCommand("copy"); $("#thecopiedtext").text(contentTogether); temp.remove();});</script>我已經嘗試了所有我知道的斷行方法，希望將每個div內容放在單獨的行上，但似乎沒有任何效果。我相信你們中的許多人都知道如何使這個腳本將每個div內容復制到單獨的行上，同時保持其中一個div的隱藏。

查看完整描述

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;

}

<div id="PreviewHeader">Hello stuff is here</div>

<div id="HiddenURLdiv">This one is hidden</div>

<a href="#" id="copystuff">Copy Stuff</a>

反對回復 2022-09-23

叮當貓咪

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;

}

<div id="PreviewHeader">Hello stuff is here</div>

<div id="HiddenURLdiv">This one is hidden</div>

<a href="#" id="copystuff">Copy Stuff</a>

反對回復 2022-09-23

2 回答
0 關注
101 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何通過一次單擊從兩個不同的div（其中一個隱藏）復制內容，但每個div都在單獨的行上？

如何通過一次單擊從兩個不同的div（其中一個隱藏）復制內容，但每個div都在單獨的行上？

2 回答

添加回答

如何通過一次單擊從兩個不同的div（其中一個隱藏）復制內容，但每個div都在單獨的行上？

如何通過一次單擊從兩個不同的div（其中一個隱藏）復制內容，但每個div都在單獨的行上？