Πώς να αντιγράψετε το κείμενο στο πρόχειρο

Αντιγράψτε το κείμενο στο πρόχειρο

Βήμα 1 - Προσθήκη HTML:

Κείμενο πεδίο -->
<input type="text" value="Hello World" id="myInput">
<!-- Κουμπί για την αντιγραφή του κειμένου -->
<button onclick="myFunction()">Αντιγράψτε το κείμενο</button>

Βήμα 2 - Προσθήκη JavaScript:;

function myFunction() {
  // Απόκτηση του πεδίου κειμένου
  var copyText = document.getElementById("myInput");
  // Επιλογή του πεδίου κειμένου
  copyText.select();
  copyText.setSelectionRange(0, 99999); // Για τα κινητά
   // Αντιγραφή του κειμένου από το πεδίο κειμένου
  navigator.clipboard.writeText(copyText.value);
  // Ένδειξη του αντιγραφένου κειμένου
  alert("Αντιγράφηκε το κείμενο: " + copyText.value);
{}

Try it yourself

εμφάνιση κειμένου στην εργαλειοθήκη του κειμένου;

προσθήκη CSS:;

.tooltip {
  θέση: σχετικό;
  προσθήκη-μορφής: εσωτερικό-μπλοκ;
{}
.tooltip .tooltiptext {
  ορατότητα: κρυφή;
  πλάτος: 140px;
  χρώμα-υποβάθρου: #555;
  χρώμα: #fff;
  συγχρονισμός-κειμένου: κέντρο;
  κυκλική-καμπύλη: 6px;
  παράθεση: 5px;
  θέση: απευθείας;
  τιτλός-υπερστρώματος: 1;
  κάτω-θέση: 150%;
  αριστερή-θέση: 50%;
  αριστερή-απόσταση: -75px;
  διαφάνεια: 0;
  μεταβλητότητα-διαφάνειας: 0.3s;
{}
.tooltip .tooltiptext::after {
  περιεχόμενο: "";
  θέση: απευθείας;
  βασική-θέση: 100%;
  αριστερή-θέση: 50%;
  αριστερή-απόσταση: -5px;
  πλάτος-περιγράμματος: 5px;
  στυλ-περιγράμματος: σκληρό;
  χρωματική-κλίμακα: #555 αδιαφανές αδιαφανές αδιαφανές αδιαφανές;
{}
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
{}

Try it yourself