Copier dans le presse papier avec Javascript

Voici un bout de code qui va vous permettre de copier du contenu dans le Presse Papier. Pour que le code fonctionne, il faut être en HTTPS.


HTML :

<p id="contentToCopy">
    Voici le contenu du texte que nous souhaitons copier !
</p>

<button id="buttonCopy">Copier le texte dans le Presse Papier</button>


Javascript :

<script>
    let content = document.querySelector('#contentToCopy');
    let button = document.querySelector('#buttonCopy');

    button.addEventListener('click', () => {
        navigator.clipboard.writeText(content.innerText)
            .then(() => button.innerText = 'Copié !')
            .catch(error => console.log(error));
    });
</script>



Cours rédigé par Vincent, publié le 30/04/2021