Maison > interface Web > Questions et réponses frontales > Comment désactiver le collage en javascript

Comment désactiver le collage en javascript

青灯夜游
Libérer: 2022-01-26 14:52:28
original
3477 Les gens l'ont consulté

Comment désactiver le collage en JavaScript : 1. Liez l'événement onpaste à l'élément et définissez la fonction de traitement d'événement ; 2. Dans la fonction de traitement d'événement, définissez l'instruction "return false;" déclenché, false sera renvoyé.

Comment désactiver le collage en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En JavaScript, vous pouvez utiliser l'événement onpaste pour désactiver le collage. L'événement onpaste est déclenché lorsque l'utilisateur colle du texte dans un élément.

Remarque : Bien que les éléments HTML utilisés prennent tous en charge l'événement onpaste, tous les éléments, tels que l'élément

, ne sont pas réellement pris en charge à moins que contenteditable soit défini sur "true" (voir plus d'exemples ci-dessous).

Astuce : L'événement onpaste est généralement utilisé pour les éléments

Astuce : Il existe trois façons de coller du contenu dans un élément :

Appuyez sur CTRL + V

Sélectionnez "Coller" dans le menu d'édition du navigateur

Cliquez avec le bouton droit de la souris dans le menu contextuel Sélectionnez le " "Coller" commande.

Syntaxe

En HTML :

<element onpaste="myScript">
Copier après la connexion

En JavaScript :

object.onpaste = function(){
   //操作
   myScript;  
}
JavaScript中,使用addEventListener()方法:
object.addEventListener('paste',myScript);2
//Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
Copier après la connexion

Principe d'implémentation :

Exécuter les événements copier-coller et renvoyer false dans l'événement.

Code JavaScript :

var bodyMain = document.getElementById('bodyMain' );
                  //禁止复制
                  bodyMain.oncopy = function(){
                       return false;
                }      
                 //禁止粘贴      
                  bodyMain.onpaste = function(){   
                       return false; 
}
Copier après la connexion

[Recommandations associées : Tutoriel d'apprentissage Javascript]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal