متن کو کپسول میں کپی کیسے کریں

متن کو کپسول میں کپی کریں

پہلے قدم - ایچ تی ام ایل اضافہ کریں:

<!-- 文本字段 -->
<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("متن کپی شده: " + copyText.value);
{}

اپنی جانب سے کوشش کریں

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

CSS اضافه کنید:

.tooltip {
  پوزیشن: relative;
  دیسپلوی: inline-block;
{}
.tooltip .tooltiptext {
  ویزibility: hidden;
  ویدت: 140 پیکسلس;
  رنگ-باگه: #555;
  رنگ: #fff;
  تکس-الین: center;
  بوردر-رادیوس: 6 پیکسلس;
  پیدینگ: 5 پیکسلس;
  پوزیشن: absolute;
  ز-ایندکس: 1;
  بوتوم: 150%;
  لیفت: 50%;
  مارگن-لیفت: -75 پیکسلس;
  اپسیتی: 0;
  ترنزیشن: اپسیتی 0.3 ثانیه;
{}
.tooltip .tooltiptext::after {
  کنتنت: "";
  پوزیشن: absolute;
  تاپ: 100%;
  لیفت: 50%;
  مارگن-لیفت: -5 پیکسلس;
  بوردر-ویدت: 5 پیکسلس;
  بوردر-استایل: solid;
  بوردر-کولر: #555 شفاف شفاف شفاف;
{}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
{}

اپنی جانب سے کوشش کریں