Copie dans le presse-papiers avec jQuery/js dans Chrome

Vous pouvez utiliser document.execCommand('copy') ou addEventListener('copy'), ou une combinaison des deux.

1. copier la sélection sur des événements personnalisés

Si vous voulez déclencher une copy sur un autre événement que ctrl-c ou cliquez-droit sur la copie, vous utilisez document.execCommand('copy'). Il va copier ce qui est actuellement sélectionné. Comme ça, on mouseup par exemple:

elem.onmouseup = function(){
    document.execCommand('copy');
}

EDIT:

document.execCommand('copy') est pris en charge uniquement par Chrome 42, IE9 et Opera 29, mais seront pris en charge par firefox 41 (prévue pour septembre 2015). Notez que IE normalement demande la permission d'accéder au presse-papiers.

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

2. copie du contenu personnalisé sur copie déclenchée par l'utilisateur

Ou, vous pouvez utiliser addEventListener('copy'), cela va interférer avec la copie de l'événement et vous pouvez mettre le contenu que vous voulez. Cette supposons que l'utilisateur déclenche la copie.

EDIT:

Sur Chrome, Firefox et Safari, l'événement a la clipboardData objet avec setData méthode. Sur IE, le clipboardData objet est une propriété de la fenêtre. Donc, cela peut fonctionner sur tous les principaux navigateurs à condition de valider où est clipboardData.

 elem2.addEventListener('copy', function (e) {
    e.preventDefault();
    if (e.clipboardData) {
        e.clipboardData.setData('text/plain', 'custom content');
    } else if (window.clipboardData) {
        window.clipboardData.setData('Text', 'custom content');
    }

});

https://developer.mozilla.org/en-US/docs/Web/API/ClipboardEvent/clipboardData
https://msdn.microsoft.com/en-us/library/ms535220(v=vs. 85).aspx

3. un peu des deux

À l'aide d'une combinaison, vous pouvez copier le contenu personnalisé sur voulu événements. Ainsi, le premier événement déclenche execCommand, puis le listener interfère. Par exemple, mettre du contenu personnalisé sur cliquez sur une div.

  elem3.onclick = function () {
        document.execCommand('copy');
    }

   elem3.addEventListener('copy', function (e) {

    e.preventDefault();
    if (e.clipboardData) {
        e.clipboardData.setData('text/plain', 'custom content from click');
    } else if (window.clipboardData) {
        window.clipboardData.setData('Text', 'custom content from click');
    }

});

À l'aide de ce dernier, on suppose que les deux approches sont pris en charge, à compter de juillet 2015, il ne fonctionne que sur Chrome 43 (peut-être 42 je ne pouvais pas tester) et IE au moins 9 et 10. Avec Firefox 41 soutenir execcommand('copy'), il devrait fonctionner aussi bien.

Noter que pour la plupart de ces méthodes et propriétés sont déclarées comme expérimental (ou même déconseillé pour IE), c'est donc être utilisé avec prudence, mais il semble comme il est de plus en plus pris en charge.

Jouer avec tous les exemples: https://jsfiddle.net/jsLfnnvy/12/

Variable chaîne de caractères peut copier dans le presse-papiers à l'aide de ci-dessous du code js.

var text = 'text to copy';
var copyFrom = $('<textarea/>');
copyFrom.css({
 position: "absolute",
 left: "-1000px",
 top: "-1000px",
});
 copyFrom.text(text);
 $('body').append(copyFrom);
 copyFrom.select();
 document.execCommand('copy');

Si vous n'avez pas l'esprit IE/Safari, vous pouvez utiliser la suite (nouveau) API:

var promise = navigator.clipboard.writeText(newClipText)

Lisez la documentation ici

Si vous êtes à l'aide de knock-out, comme moi (pour une raison que je le suis toujours), vous aurez envie de prendre un coup d'oeil à cette question/réponse:

Comment faire KnokoutJS et ClipboardJS travailler ensemble?