copier text input

Version imprimable

copier text input

bonjour
je n'arrive pas à copier le texte...j'ai comme erreur

Citation:

navigator.clipboard is undefined

Code:

1
2
<label for="lientxt">Lien : <span id="copie"></span></label>
<input readonly style="width: 100%;" value='<a href="https://www..fr/?referer=<?php echo $_SESSION['log'] ?>" title="to.fr" target="_blank"> https://www..fr/?referer=<?php echo $_SESSION["log"] ?></a>' id="lientxt" />

Code:

1
2
3
4
5
6
7
8
9
10
11
<script>
let copier = document.getElementById("copie")
let cliclien = document.getElementById("lientxt")
let lientxt = document.getElementById('lientxt').value;
console.log(lientxt);
cliclien.addEventListener(`focus`, () => cliclien.select());
cliclien.addEventListener('click', () => {
 navigator.clipboard.writeText(lientxt);
  copier.innerText = " Copié ! (Ctrl + v = collé)";
});
</script>

04/03/2024, 17h55
ProgElecT

Salut

Peut être que tu veux utiliser l'api dans un conteste non sécurisé http alors que l'api doit être utilisé dans le contexte https
04/03/2024, 18h21
maxtrident

salut
ha ok, je galère à tester depuis des heures pleins de truc et toujours la même erreur.
je suis sur wamp donc c'est ça la raison.
merci

Re

Voilà la solution que j'utilise (elle n'est pas de moi)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
			let soumistxt = document.getElementById("infBis").textContent;
			if (soumistxt!==""){
				copyToClipboard(soumistxt);
			}
			function copyToClipboard(text) {
				const elem = document.createElement('textarea');
				elem.value = text;
				document.body.appendChild(elem);
				elem.select();
				document.execCommand('copy');
				document.body.removeChild(elem);
			}//---------------------------------------------------------

Le texte est dans le presse papier

05/03/2024, 09h25
maxtrident

oui j'avais vue aussi execCommand mais à voir c'est Obsolète.
05/03/2024, 11h49
ProgElecT

Salut

C'est sûr, mais HTTP lui aussi devient obsolète vis à vis de https
06/03/2024, 09h19
Doksuri
il y avait un autre thread sur la copie de texte, c'est en cherchant une solution a developer.mozilla.org/fr/docs/Web/API/Document/execCommand (qui est deprecated) que j'ai trouve developer.mozilla.org/fr/docs/Web/API/Clipboard_API
Code:

1 2 3 4 5 navigator.clipboard .readText() .then(clipText => { console.log('text in clipboard : ', clipText); });