Codebeispiel zum Deaktivieren von ausgewähltem Text über CSS-Regeln

In manchen Fällen ist die Deaktivierung der Textauswahl immer noch erforderlich, beispielsweise wenn Sie nicht möchten, dass andere Ihre Artikel kopieren. Zu diesem Zeitpunkt können wir dieses Problem durch die Verwendung von CSS+JS lösen. Darüber hinaus ist hier darauf hinzuweisen, dass User-Select noch kein offizieller W3C-Standard ist und jeder Browser Unterstützung in Form privater Attribute bereitstellt.

Syntax

Formal syntax: none | text | all | element

Der Code lautet wie folgt:

(-prefix-)user-select: none;
(-prefix-)user-select: text;
(-prefix-)user-select: all;
(-prefix-)user-select: element;

Der Code lautet wie folgt:

.row-of-icons {
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */</p> <p> /* No support for these yet,use at own risk */
-o-user-select: none;
user-select: none;
}

IE-Kompatibilität

Derzeit kann die Regel -ms-user-select in Browsern von IE 10 und höher verwendet werden, aber in früheren Versionen von IE können wir die Auswahl nur deaktivieren Javascript. Text:

Der Code lautet wie folgt:

$(el).attr('unselectable','on')
.css({'-moz-user-select':'-moz-none',
'-moz-user-select':'none',
'-o-user-select':'none',
'-khtml-user-select':'none', /* you could also put this in a class */
'-webkit-user-select':'none',/* and add the CSS class here instead */
'-ms-user-select':'none',
'user-select':'none'
}).bind('selectstart', function(){
return false;
});

Das obige ist der detaillierte Inhalt vonCodebeispiel zum Deaktivieren von ausgewähltem Text über CSS-Regeln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!