কিভাবে টেক্সটকে ক্লিপবোর্ডে কপি করা যায়

টেক্সটকে ক্লিপবোর্ডে কপি করুন

প্রথম পদক্ষেপ - 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("Copied the text: " + copyText.value);
}

亲自试一试

টুলটিপে কপিরাইট টেক্সট দেখান

CSS যোগ করুন:

.tooltip {
  অবস্থান: relative;
  ডিসপ্লে: inline-block;
}
.tooltip .tooltiptext {
  দৃশ্যতা: hidden;
  পদমাত্রা: 140পিক্সেল;
  ব্যাকগ্রাউন্ড-বর্ণ: #555;
  বর্ণ: #fff;
  টেক্সট-অ্যালাইন: center;
  বর্গ-মোড: 6পিক্সেল;
  প্যাডিং: 5পিক্সেল;
  অবস্থান: absolute;
  জিজিফক্স: 1;
  নিচ: 150%;
  বাম: 50%;
  মার্গ-সম্মুখ: -75পিক্সেল;
  opacity: 0;
  পরিবর্তন: opacity 0.3s;
}
.tooltip .tooltiptext::after {
  কনটেন্ট: "";
  অবস্থান: absolute;
  উপর: 100%;
  বাম: 50%;
  মার্গ-সম্মুখ: -5পিক্সেল;
  বর্ণ-পদমাত্রা: 5পিক্সেল;
  বর্ণ-শৈলী: solid;
  বর্ণ-কোড: #555 ট্রান্সপারেন্ট ট্রান্সপারেন্ট ট্রান্সপারেন্ট;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

亲自试一试