Comment puis-je empêcher la sélection de texte sur mes pages HTML ?

Empêcher la sélection de texte sur les pages HTML

Question :

Pour améliorer l'interface utilisateur d'un Page HTML, comment les éléments de texte, comme les noms d'onglets, peuvent-ils être rendus non sélectionnables pour éviter des erreurs involontaires mise en surbrillance ?

Solution CSS/HTML :

Dans la plupart des navigateurs, le CSS suivant peut être appliqué :

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   -ms-user-select: none;
   user-select: none;
}

Pour les éléments qui ne le sont pas hériter de cette propriété, comme dans IE < 10 et Opera, l'attribut non sélectionnable peut être ajouté directement à l'élément souhaité :

<div>

Solution JavaScript :

Comme alternative récursive à l'ajout manuel de l'attribut non sélectionnable pour chaque élément d'un conteneur, JavaScript peut être utilisé :

function makeUnselectable(node) {
    if (node.nodeType == 1) {
        node.setAttribute("unselectable", "on");
    }
    var child = node.firstChild;
    while (child) {
        makeUnselectable(child);
        child = child.nextSibling;
    }
}

makeUnselectable(document.getElementById("foo"));

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!