Wie kann ich die Textauswahl in HTML verhindern?

Nicht auswählbarer Text in HTML

Frage: Ist es in einer HTML-Benutzeroberfläche möglich, zu verhindern, dass Benutzer bestimmte Elemente auswählen? Textelemente wie Tabulatoren Namen?

Antwort:

Ja, es gibt mehrere Möglichkeiten, Text in HTML nicht auswählbar zu machen:

Mit CSS:

In modernen Browsern kann dies mit CSS über die Benutzerauswahl erreicht werden Eigenschaft:

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

Verwendung des nicht auswählbaren Attributs (IE und Opera):

Für ältere Versionen von IE und Opera kann das nicht auswählbare Attribut auf bestimmte Elemente angewendet werden :

<div>

Hinweis: Dieses Attribut wird nicht vererbt, daher muss es für jedes angegeben werden Element, das nicht auswählbar sein sollte.

Rekursive Aufhebung der Auswahl mit JavaScript:

Alternativ kann JavaScript verwendet werden, um das nicht auswählbare Attribut für alle Nachkommen eines Elements rekursiv festzulegen:

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

Das obige ist der detaillierte Inhalt vonWie kann ich die Textauswahl in HTML verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!