如何将文本复制到剪贴板

将文本复制到剪贴板

第一步 - 添加 HTML：

文本字段
<input type="text" value="Hello World" id="myInput">
<!-- Ga samu tekun -->
<button onclick="myFunction()">Duba Tekun</button>

Dabir 2 - Rarrin JavaScript:

function myFunction() {
  // Gana kwarin tekun
  var copyText = document.getElementById("myInput");
  // Rarrin tekun
  copyText.select();
  copyText.setSelectionRange(0, 99999); // Na ke tsa mobile
   // Samu tekun a kwarin tekun
  navigator.clipboard.writeText(copyText.value);
  // Tiyawar da tekun
  alert("Copied the text: " + copyText.value);
{}

亲自试一试

Gana tekun a cikiyawa titibayi

Rarrin CSS:

.tooltip {
  muhoodo: relative;
  baya: inline-block;
{}
.tooltip .tooltiptext {
  muhoodo: hidden;
  kafin: 140px;
  matan-muhoodo: #555;
  matan: #fff;
  matan: center;
  madaki-kwarin: 6px;
  madaki: 5px;
  muhoodo: absolute;
  z-index: 1;
  madaki-bottom: 150%;
  madaki-left: 50%;
  madaki-left: -75px;
  mata: 0;
  tanshiri: opacity 0.3s;
{}
.tooltip .tooltiptext::after {
  matan: "";
  muhoodo: absolute;
  madaki-top: 100%;
  madaki-left: 50%;
  madaki-left: -5px;
  kafin-wari: 5px;
  kura: solid;
  kabar-wari: #555 ga #00 transparent transparent transparent;
{}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
{}

亲自试一试