Événement onpaste

Événements DOM ClipboardEvent

Définition et utilisation

L'événement onpaste se déclenche lorsque l'utilisateur colle du contenu dans un élément.

Bien que tous les éléments HTML prennent en charge l'événement onpaste, il est impossible de coller du contenu dans des éléments tels que <p> sauf si l'élément a déjà contenteditable réglé sur "true" (voir les exemples ci-dessous).

Astuce : L'événement onpaste est principalement utilisé pour les éléments <input> de type "text".

Astuce :Le contenu peut être collé dans un élément de trois manières :

  • CTRL + V
  • Choisissez Coller à partir du menu d'édition du navigateur
  • Choisissez la commande Coller dans le menu contextuel

Exemple

Exemple 1

Exécutez JavaScript lors de l'insertion de texte dans l'élément <input> :

<input type="text" onpaste="myFunction()" value="Coller quelque chose ici">

Essayez-le vous-même

Exemple 2

Exécutez JavaScript lors de l'insertion de texte dans l'élément <p> (attention contenteditable est réglé sur "true") :

<p contenteditable="true" onpaste="myFunction()">Essayez de coller quelque chose à l'intérieur de ce paragraphe.</p>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onpaste="myScript">

Essayez-le vous-même

Dans JavaScript :

object.onpaste = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("paste", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 ou versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Support
Annulable : Support
Type d'événement : ClipboardEvent
Balises HTML prises en charge : Tous les éléments HTML

Support du navigateur

Événements Chrome IE Firefox Safari Opera
onpaste Support Support Support Support Support

Pages connexes

Référence du DOM HTML :Événement oncopy

Référence du DOM HTML :Événement oncut

Événements DOM ClipboardEvent