Comment empêcher Ctrl V et Ctrl C dans une zone de texte spécifique à l'aide de JavaScript ?

Comment empêcher Ctrl V, Ctrl C en JavaScript

Le copier-coller peut être pratique pour les utilisateurs, mais il existe des situations dans lesquelles vous pouvez Il est nécessaire de restreindre ce comportement, par exemple en empêchant les utilisateurs de copier des informations sensibles ou de manipuler des données dans un champ spécifique. JavaScript fournit une solution simple pour détecter et empêcher les combinaisons de touches Ctrl V et Ctrl C.

Pour y parvenir, suivez les étapes suivantes :

1. Détecter la touche Ctrl : Utilisez l'événement keydown pour suivre le moment où la touche Ctrl est enfoncée et définissez un indicateur (ctrlDown) pour indiquer son état.
2. Gérer les combinaisons de touches : Dans le gestionnaire d'événements keydown pour la zone de texte spécifique vous souhaitez restreindre le collage, vérifiez si la touche Ctrl est enfoncée (ctrlDown) et que le code de la touche correspond à V (86) ou C (67). Si une combinaison est détectée, évitez le comportement par défaut en renvoyant false.
3. Autoriser le collage en dehors de la zone restreinte : Pour garantir que le collage reste activé en dehors de la zone de texte restreinte, utilisez le document comme cible d'événement dans un Séparez le gestionnaire d'événements keydown et effectuez l'action souhaitée (dans ce cas, enregistrer l'événement).

Voici un exemple d'extrait de code :

<code class="javascript">$(document).ready(function() {
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });

    $(".no-copy-paste").keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == vKey || e.keyCode == cKey)) return false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown &amp;&amp; (e.keyCode == cKey)) console.log("Document catch Ctrl+C");
        if (ctrlDown &amp;&amp; (e.keyCode == vKey)) console.log("Document catch Ctrl+V");
    });
});</code>

Avec ce code en place, les utilisateurs ne pourra pas coller du contenu dans la zone de texte restreinte lorsque Ctrl V est enfoncé. Ils peuvent toujours saisir du texte ou utiliser d’autres raccourcis clavier comme d’habitude.

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!