Semplicissima funzione "Copy to clipboard"?

Buongiorno a tutti, ho cercato in lungo e in largo una soluzione per inserire una semplice funzione di copy to clipboard in un sito, ma non ho trovato nulla che soddisfacesse la semplicità che cerco... magari sono io che non ho capito.
La funzione mi serve perchè nel footer del sito ho un grande riquadro con la mia mail: vorrei che gli utenti, in maniera semplicissima, possano copiare la mia mail negli appunti semplicemente toccando o cliccando il riquadro, ed evitando la funzione "mailto".
Fino ad ora ho trovato solo javascript "copy to clipboard" riferiti a copia di immagini o di testi di form, e non sono riuscito ad adattarli al mio caso malgrado i miei sforzi.
Questo è il codice:

Codice HTML:

---

<footer id="footer">
 <div class="container">
  <div class="row">
  <div class="grid_12">
    <h2>Contacts</h2>
    <a href="#" class="footer_mail">mia@mail.it</a>
  </div>
  </div>
 </div>
</footer>

---

Grazie a chi mi risponderà :)

Qua trovi informazioni ed esempi recenti in merito: https://hacks.mozilla.org/2015/09/fl...d-for-the-web/

Ciao, grazie della risposta.
Non sono pratico di programmazione, comunque...

Codice:

---

// button which we are attaching the event to
var button = ...;
// input containing the text we want to copy
var input = ...;

button.addEventListener("click", function(event) {
  event.preventDefault();
  input.select(); // Select the input node's contents
  var succeeded;
  try {
    // Copy it to the clipboard
    succeeded = document.execCommand("copy");
  } catch (e) {
    succeeded = false;
  }
  if (succeeded) {
    // The copy was successful!
  } else {
    // The copy failed :(
  }
});

---

Dopo "var button" e "var input" cosa devo scrivere? Al posto dei puntini...
E inoltre, come lo collego alla classe "footer_mail" e quindi al testo da copiare "mia@mail.it"?
Non riesco davvero a capirlo...

Nessuno può aiutarmi?

Io ti sconsiglierei di seguire un approccio simile: perché non usi semplicemente mailto:? È molto più pratico e veloce, specialmente se uno tenta di scriverti da dispositivo mobile. Oppure ancora più semplicemente un modulo per i contatti, così eviti di riportare direttamente il tuo indirizzo email in rete (e ricevere quindi molta più posta indesiderata sullo stesso).

Citazione:

---

Originalmente inviato da karl94

Io ti sconsiglierei di seguire un approccio simile: perché non usi semplicemente mailto:? È molto più pratico e veloce, specialmente se uno tenta di scriverti da dispositivo mobile. Oppure ancora più semplicemente un modulo per i contatti, così eviti di riportare direttamente il tuo indirizzo email in rete (e ricevere quindi molta più posta indesiderata sullo stesso).

---

La funzione mailto l'ho sempre trovata invece poco pratica, ti apre per forza il client di posta sul computer, e non so quanti lo usano. Sul cellulare potrebbe essere comodo, ma sul pc credo di no.
Comunque l'indirizzo email viene ugualmente riportato in rete anche con mailto, visto che lo scrivi nel codice.
Grazie comunque :)