événement surcoller
Exemple
Exécutez un JavaScript lorsque vous collez du texte dans un élément <input> :
<input type="text" onpaste="myFunction()" value="Paste something in here">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onpaste se produit lorsque l'utilisateur colle du contenu dans un élément.
Remarque : Bien que l'événement onpaste soit pris en charge par tous les éléments HTML, il n'est pas réellement possible de coller du contenu dans, par exemple, un élément <p>, À MOINS QUE l'élément n'ait défini contenteditable sur "true" (voir "Plus d'exemples" ci-dessous ).
Astuce : L'événement onpaste est principalement utilisé sur les éléments <input> avec type="text".
Astuce : Il existe trois façons de coller du contenu dans un élément :
- Appuyez sur CTRL + V
- Sélectionnez "Coller" dans le menu Edition de votre navigateur
- Faites un clic droit pour afficher le menu contextuel et sélectionnez la commande "Coller".
Prise en charge du navigateur
| Event | |||||
|---|---|---|---|---|---|
| onpaste | Yes | Yes | Yes | Yes | Yes |
Syntaxe
En HTML :
<element onpaste="myScript">
En Javascript :
object.onpaste = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("paste", 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écutez un JavaScript lorsque vous collez du texte dans un élément <p> (notez que contenteditable est défini sur "true") :
<p contenteditable="true" onpaste="myFunction()">Try to paste something inside this paragraph.</p>
Pages connexes
Référence HTML DOM : événement oncopy
Référence HTML DOM : événement oncut