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