Exemple
Exécuter un script JavaScript lorsque vous collez du texte dans un <input> élément:
<input type="text"
onpaste="myFunction()" value="Paste something in here">
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement onpaste se produit lorsque l'utilisateur colle un contenu dans un élément.
Note: Bien que l'événement onpaste est pris en charge par tous les éléments HTML, il est effectivement possible de coller du contenu, par exemple, un <p> élément, sauf si l'élément a mis contenteditable à "true" (voir "More Examples" ci - dessous ).
Astuce: L'événement onpaste est principalement utilisé sur <input> éléments de type = « text ».
Astuce: Il y a trois façons de coller du contenu dans un élément:
- Appuyez sur CTRL + V
- Sélectionnez "Paste" dans le menu Edition dans votre navigateur
- Faites un clic droit pour afficher le menu contextuel et sélectionnez la "Paste" commande.
Support du navigateur
| un événement | |||||
|---|---|---|---|---|---|
| onpaste | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .onpaste=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("paste", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
| Bulles: | Oui |
|---|---|
| cancelable: | Oui |
| Type d'événement: | ClipboardEvent |
| Pris en charge les balises HTML: | Tous les éléments HTML |
autres exemples
Exemple
Exécuter un script JavaScript lorsque vous collez du texte dans un <p> élément (Notez que contenteditable est réglé sur « true »):
<p contenteditable="true" onpaste="myFunction()">Try to
paste something inside this paragraph.</p>
Essayez vous - même » Pages associées
Référence HTML DOM: événement oncopy
Référence HTML DOM: événement oncut
Objet de l' événement