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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何通過一次單擊從兩個不同的div(其中一個隱藏)復制內容,但每個div都在單獨的行上?

如何通過一次單擊從兩個不同的div(其中一個隱藏)復制內容,但每個div都在單獨的行上?

翻閱古今 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個贊

  1. 不要使用,因為它只支持單行文本,并將刪除換行符<input>

  2. 用于添加新行\n

  3. 添加到以呈現換行符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>


查看完整回答
反對 回復 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;

}

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


查看完整回答
反對 回復 2022-09-23
  • 2 回答
  • 0 關注
  • 101 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號