événement de coupure
oncut événement
instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input type="text" oncut="myFunction()" value="尝试剪切该文本"> <p id="demo"></p> <script> function myFunction() { document.getElementById("demo").innerHTML = "你剪切了文本!"; } </script> </body> </html>
exécuter l'instance»
cliquez Bouton « Exécuter l'instance » pour afficher les instances en ligne
Voir plus d'instances au bas de cet article.
Définition et utilisation
L'événement oncut est déclenché lorsque l'utilisateur coupe le contenu d'un élément.
Remarque : Bien que les éléments HTML utilisés prennent tous en charge l'événement oncut, tous les éléments ne sont pas réellement pris en charge, comme l'élément <p> Sauf si contenteditable est défini sur "true" (voir ci-dessous pour plus d'exemples).
Conseil : L'événement oncut est généralement appliqué dans l'élément <input>
Conseil : Il existe trois façons de couper du contenu :
- Appuyez sur CTRL + X
- Sélectionnez "Couper" dans le menu d'édition du navigateur.
- Cliquez avec le bouton droit de la souris et sélectionnez la commande "Couper" dans le menu contextuel.
Le navigateur prend en charge
Syntaxe
HTML :
JavaScript :
En JavaScript, utilisez la méthode addEventListener() :
Remarque : Internet Explorer 8 et les versions antérieures d'IE ne prennent pas en charge la méthode addEventListener( ) .
Détails techniques
是否支持冒泡: | Yes |
---|---|
是否可以取消: | Yes |
事件类型: | ClipboardEvent |
支持的 HTML 标签: | 所有 HTML 元素 |
Plus d'exemples
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p contenteditable="true" oncut="myFunction()">尝试剪切该文本</p> <script> function myFunction() { alert("你剪切了文本!"); } </script> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton "Exécuter l'instance" pour afficher l'instance en ligne
liée pages
Manuel de référence HTML DOM : événement oncopy
Manuel de référence HTML DOM : événement onpaste