oncopy Événement
Exemple
Exécutez un JavaScript lors de la copie de texte d'un élément <input> :
<input type="text" oncopy="myFunction()" value="Try to copy this text">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement oncopy se produit lorsque l'utilisateur copie le contenu d'un élément.
Conseil : L'événement oncopy se produit également lorsque l'utilisateur copie un élément, par exemple une image, créé avec l'élément <img>.
Astuce : L'événement oncopy est principalement utilisé sur les éléments <input> avec type="text".
Astuce : Il existe trois manières de copier un élément/le contenu d'un élément :
- Appuyez sur CTRL + C
- Sélectionnez "Copier" dans le menu Edition de votre navigateur
- Faites un clic droit pour afficher le menu contextuel et sélectionnez la commande "Copier".
Prise en charge du navigateur
Event | |||||
---|---|---|---|---|---|
oncopy | Yes | Yes | Yes | Yes | Yes |
Remarque : L'événement oncopy peut ne pas fonctionner comme prévu dans certains navigateurs lorsque vous essayez de copier une image (voir "Plus d'exemples" ci-dessous).
Syntaxe
En HTML :
<element oncopy="myScript">
En Javascript :
object.oncopy = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("copy", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Oui |
---|---|
Annulable : | Oui |
Type d'événement: | Presse-papiersÉvénement |
Balises HTML compatibles : | Tous les éléments HTML |
Plus d'exemples
Exemple
Exécute un JavaScript lors de la copie de texte d'un élément <p> :
<p oncopy="myFunction()">Try to copy this text</p>
Exemple
Exécutez un JavaScript lors de la copie d'une image :
<img src="w3schools.gif" oncopy="myFunction()">
Pages connexes
Référence HTML DOM : événement onpaste
Référence HTML DOM : événement oncut