چگونه می‌توان متن را به کلیپ بورد کپی کرد

متن را به کلیپ بورد کپی کنید

قدم اول - اضافه کردن HTML:

<!-- متن فیلد -->
<input type="text" value="Hello World" id="myInput">
<!-- دکمه‌ای برای کپی کردن متن -->
<button onclick="myFunction()">کپی کردن متن</button>

مرحله دوم - افزودن JavaScript:

function myFunction() {
  // دریافت فیلد متن
  var copyText = document.getElementById("myInput");
  // انتخاب فیلد متن
  copyText.select();
  copyText.setSelectionRange(0, 99999); // برای دستگاه‌های موبایل
   // کپی کردن متن درون فیلد
  navigator.clipboard.writeText(copyText.value);
  // هشدار درباره متن کپی شده
  alert("Text copied: " + copyText.value);
}

به طور مستقیم امتحان کنید

نمایش متن کپی شده در ابزارنمای

افزودن CSS:

.tooltip {
  وضعیت: مکانی;
  نمایش: بلوک درون‌صفحه;
}
.tooltip .tooltiptext {
  可视یت: مخفی;
  عرض: 140 پیکسل;
  رنگ پس‌زمینه: #555;
  رنگ: #fff;
  جلوآوری متن: مرکزی;
  شکل‌های گوشه: 6 پیکسل;
  افزایش حاشیه: 5 پیکسل;
  وضعیت: تعاملی;
  موقعیت زوم: 1;
  پایین: 150%;
  چپ: 50%;
  افزایش چپ: -75 پیکسل;
  شفافیت: 0;
  تغییر شفافیت: 0.3 ثانیه;
}
.tooltip .tooltiptext::after {
  محتوای: "";
  وضعیت: تعاملی;
  بالا: 100%;
  چپ: 50%;
  افزایش چپ: -5 پیکسل;
  عرض مرزی: 5 پیکسل;
  نوع مرزی: خطی;
  رنگ‌های مرزی: #555 شفاف شفاف شفاف;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

به طور مستقیم امتحان کنید