Événement oncut

Événements DOM ClipboardEvent

Définition et utilisation

L'événement oncut se produit lorsque l'utilisateur coupe le contenu d'un élément.

Bien que tous les éléments HTML prennent en charge l'événement oncut, il n'est pas possible de couper du contenu, par exemple pour l'élément <p>, à moins que l'élément ait contenteditable réglé sur "true" (voir les exemples ci-dessous).

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

Astuce :Voici les trois méthodes pour couper un élément / le contenu d'un élément :

  • CTRL + X
  • Choisissez "Couper" dans le menu d'édition du navigateur
  • Choisissez la commande "Couper" dans le menu contextuel

Exemple

Exemple 1

Exécutez du JavaScript lors de la coupe du texte d'un élément <input> :

<input type="text" oncut="myFunction()" value="Essayez de couper ce texte">

Essayez-le vous-même

Exemple 2

Exécutez du JavaScript lors de la coupe du texte d'un élément <p> (attention contenteditable est réglé sur "true") :

<p contenteditable="true" oncut="myFunction()">Essayez de couper ce texte</p>

Essayez-le vous-même

Syntaxe

Dans HTML :

<element oncut="myScript">

Essayez-le vous-même

En JavaScript :

object.oncut = function(){myScript};

Essayez-le vous-même

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

object.addEventListener("cut", 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
oncut Support Support Support Support Support

Pages connexes

Manuel de référence HTML DOM :Événement oncopy

Manuel de référence HTML DOM :Événement onpaste

Événements DOM ClipboardEvent