Cross-Browser-Wege-Auswahl Anzeige auszublenden
Frage
Ich mache einen Browser Javascript-Spiel basiert. Als solche innerhalb des Spiels müssen es nirgendwo Benutzer Text zum Kopieren / Einfügen ist. Allerdings gibt es viele Orte, an denen der Benutzer im Spiel treffen Sie Ihre Auswahl klicken und ziehen muss.
Im Spiel gibt es viele Zellen sind, intern nur normale Tabellenzellen mit einem Geschütztes Leerzeichen sie in firefox Kollabieren zu stoppen (ich konnte das Kollabieren in IE, Safari und Opera mit CSS zu stoppen, aber aus irgendeinem Grunde es didn‘ t Arbeit in firefox so griff ich zu nicht Bruch Leerzeichen), entweder mit einem festen Hintergrundfarbe oder ein Hintergrundbild.
Wenn der Spieler eine Auswahl an ihnen zieht, ist das Spiel der Zellen hervorhebt, indem Sie die Hintergrundfarbe ändern. Aber auch der Browser der nicht Bruch Räume hervorhebt, graue Rechtecken über einen Teil der Zelle zu verlassen.
Auch verwendet der Browser eine andere Art und Weise zu bestimmen, was als das Spiel ausgewählt ist.
z. in einem 5 x 5-Platz, wenn der Benutzer auswählt (1, 1) bis (3, 3), ist das Spiel hebt die folgende Auswahl:
| | | | | |
| | X | X | X | |
| | X | X | X | |
| | X | X | X | |
| | | | | |
aber der Browser zeigt die nicht Bruchflächen in den folgenden:
| | | | | |
| | | X | X | X |
| X | X | X | X | X |
| X | X | X | X | |
| | | | | |
Gibt es eine Möglichkeit, das Browser-Auswahl Styling durchscheinen zu stoppen? Zumindest in Firefox und Chrome, aber vorzugsweise Cross-Browser.
Lösung
Für Firefox können Sie den CSS-Stil hinzufügen: ( mozilla Führer )
-moz-user-select: none
Für Chrome und Safari: (kann nicht eine zuverlässige Quelle findet noch)
-khtml-user-select:none
Wenn Sie eine Javascript-Lösung bevorzugen, hier ist das, was ich von einem vorherige Antwort :
<div onselectstart="return false">some stuff</div>
Andere Tipps
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
Duplizieren von: https://stackoverflow.com/a/4407335/746491