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

Comment désactiver le collage en javascript

青灯夜游
青灯夜游original
2022-01-26 14:52:283476parcourir

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">

En JavaScript :

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

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; 
}

[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!

Déclaration:
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