Comment empêcher la sélection de texte dans un DIV transparent qui se chevauche ?

Contrôle de la sélectivité des éléments : rendre un DIV non sélectionnable

Description du problème

Lorsqu'un DIV transparent superpose du texte dans une zone de texte comme un filigrane, le filigrane peut par inadvertance devenir sélectionnable lorsque l'utilisateur clique sur la zone de texte. Le but est d'empêcher que le texte du filigrane soit sélectionnable, malgré sa position inférieure dans le z-index.

Résolution

Extension jQuery :

Intégrez l'extension jQuery DisableSelection dans votre code :

$('.button').disableSelection();

Alternative CSS (cross-browser) :

Appliquez les propriétés CSS suivantes au DIV cible :

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

Ces propriétés désactivent la sélection de l'utilisateur pour l'élément DIV spécifié dans différents navigateurs.

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!