Maison >interface Web >tutoriel CSS >Comment puis-je empêcher la sélection par l'utilisateur d'un filigrane DIV dans une superposition de zone de texte ?

Comment puis-je empêcher la sélection par l'utilisateur d'un filigrane DIV dans une superposition de zone de texte ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-28 13:16:12609parcourir

How Can I Prevent User Selection of a Watermark DIV in a Textarea Overlay?

Désactivation de la sélection DIV : une solution complète

Énoncé du problème :

Lors de la conception d'une zone de texte superposition avec un filigrane DIV, vous pouvez rencontrer un problème où le filigrane peut occasionnellement être sélectionné par les utilisateurs. L'objectif est d'empêcher cette sélection et de garantir que le filigrane reste statique.

Solution :

Extension jQuery :

  1. Incluez l'extension jQuery suivante pour désactiver la sélection : $('.button').disableSelection();

Approche CSS :

  1. Utiliser la propriété de sélection de l'utilisateur et son préfixes multi-navigateurs pour désactiver la sélection :

    .button {
        user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
    }

En implémentant soit Parmi ces solutions, le filigrane DIV deviendra non sélectionnable, empêchant ainsi les interactions involontaires de l'utilisateur qui pourraient compromettre l'apparence souhaitée de la superposition de la zone de texte.

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