-- Mise à jour--

Document.execCommand()

[1] avant Firefox 41, la capacité du presse-papiers devait être activée dans l'utilisateur.fichier de préférence js. Voir un bref guide des préférences de Mozilla pour plus d'informations . Si la commande n'était pas prise en charge ou activée, execCommand déclenchait une exception au lieu de renvoyer false.In Firefox 41 et versions ultérieures, les capacités du presse-papiers sont activées par défaut dans tout gestionnaire d'événement capable de faire apparaître un fenêtre (scripts semi-approuvés).

Depuis Firefox version 41 Document.execCommand() fonctionne maintenant. Donc pas besoin d'utiliser un repli plus.

Puisque les navigateurs semblent se comporter différemment quand il s'agit de l'accès au presse-papiers, il m'a fallu un certain temps pour obtenir ma tête autour de lui.

C'est assez similaire à votre solution, mais la différence est de créer un élément temporaire et de le remplir avec l'Entrée value. De cette façon, nous pouvons conserver la propriété display de l'entrée défini sur none.

, Il est aussi une solution de contournement pour IE, qui utilise window.clipboardData.

Firefox ne me laisse pas accéder au presse-papier. J'ai donc dû ajouter un prompt pour permettre aux utilisateurs de copier manuellement la valeur d'entrée. Bien sûr, un prompt est moche, mais vous pouvez simplement utiliser une fenêtre modale, ce qui ferait la même chose.

Comme cela semble être une chose noueuse, je suis sur Win7 (64 bits) et testé dans

Chrome-Version 43.0.2357.134 m

IE - Version 11.0.9600.17914

et Firefox n'est pas pertinent, car il ne me laisserait pas y accéder de toute façon.

var copyBtn   = $("#copy-btn"),
    input     = $("#copy-me");

function copyToClipboardFF(text) {
  window.prompt ("Copy to clipboard: Ctrl C, Enter", text);
}

function copyToClipboard() {
  var success   = true,
      range     = document.createRange(),
      selection;

  // For IE.
  if (window.clipboardData) {
    window.clipboardData.setData("Text", input.val());        
  } else {
    // Create a temporary element off screen.
    var tmpElem = $('<div>');
    tmpElem.css({
      position: "absolute",
      left:     "-1000px",
      top:      "-1000px",
    });
    // Add the input value to the temp element.
    tmpElem.text(input.val());
    $("body").append(tmpElem);
    // Select temp element.
    range.selectNodeContents(tmpElem.get(0));
    selection = window.getSelection ();
    selection.removeAllRanges ();
    selection.addRange (range);
    // Lets copy.
    try { 
      success = document.execCommand ("copy", false, null);
    }
    catch (e) {
      copyToClipboardFF(input.val());
    }
    if (success) {
      alert ("The text is on the clipboard, try to paste it!");
      // remove temp element.
      tmpElem.remove();
    }
  }
}

copyBtn.on('click', copyToClipboard);

#copy-me {
    display:none
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" name="Element To Be Copied" id="copy-me" value="foo loves bar"/>
<button id="copy-btn">Copy</button><br/><br/>
<textarea placeholder="paste here"></textarea>