国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Gunakan seret dan lepas untuk menyalin hiperpautan ke papan keratan untuk menampal di tempat lain
P粉419164700
P粉419164700 2024-01-16 21:38:10
0
1
554

Saya tiada pengalaman atau pengetahuan tentang pengekodan.

Saya cuba mencipta kad dengan petikan untuk catatan blog WordPress.

Terdapat butang pada kad yang membolehkan pengguna menyalin petikan terus ke papan keratan.

Saya juga ingin menyalin hiperpautan: (Sumber) ke laman web saya.

Saya telah menjalankan kod ini melalui GPT dan menulis semula. Tetapi setiap kali ia hanya menyalin teks dan tidak cuba menyalin URL.

Saya telah melampirkan kod di bawah dengan harapan seseorang boleh membantu kerana saya menjadi gila.

<style>
.card-box {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
  background-color: #ffffff;
  border-radius: 8px;
  border: 2px solid #0077B5;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.quote {
  margin-bottom: 20px;
}

.quote p {
  font-size: 18px;
  line-height: 1.4;
  color: #333333;
}

.quote a {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: black;
  text-decoration: none;
}

.copy-to-clipboard {
  margin-bottom: 20px;
}

.copy-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  color: #ffffff;
  background-color: #0077B5;
  border: 2px solid #0077B5;
  border-radius: 4px;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.copy-btn i {
  margin-right: 5px;
}

.signature {
  margin-top: 20px;
  font-size: 12px;
  font-style: italic;
  color: #777777;
}
</style>

<div class="card-box">
  <div class="quote">
    <p id="quoteText">在這里輸入您的引用或統(tǒng)計數(shù)據(jù)</p>
    <a id="sourceLink" href="https://www.example.com">來源</a>
  </div>
  <div class="copy-to-clipboard">
    <button class="copy-btn" onclick="copyToClipboard()"><i class="fas fa-copy"></i> 復制統(tǒng)計數(shù)據(jù)</button>
  </div>
  <div class="signature">
    <p>Chad Wyatt</p>
  </div>
</div>

<script>
  function copyToClipboard() {
    const quote = document.querySelector('#quoteText').textContent;
    const sourceLink = document.querySelector('#sourceLink').getAttribute('href');
    const copiedText = `引用:${quote}\n來源:${sourceLink}`;
    
    const tempTextArea = document.createElement('textarea');
    tempTextArea.value = copiedText;
    document.body.appendChild(tempTextArea);
    tempTextArea.select();
    document.execCommand('copy');
    document.body.removeChild(tempTextArea);
    
    alert('帶有來源鏈接的引用已復制到剪貼板!');
  }
</script>

P粉419164700
P粉419164700

membalas semua(1)
P粉269847997

Saya mencuba kod anda di sini https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

Berfungsi dengan baik untuk saya.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan