Verhindert das Ziehen Slider mit der Maus, wenn sie als Text in Chrome ausgewählt wird ⇐ CSS

[Anonymous]

Betrachten Sie das folgende Beispiel, wie unter Windows im Chrombrowser angezeigt.

Code: Select all

< /code>
< /div>
< /div>
< /p>
Wählen Sie den Bereich Slider mit einer der folgenden Methoden aus: < /p>

  Methode #1 < /strong>: Klicken Sie in den Code -Srippet, um das IFrame zu aktivieren. Drücken Sie  ctrl   a , um den gesamten Iframe -Inhalt auszuwählen. Versuchen Sie, den Schieberegler mit der Maus zu bewegen. Lassen Sie die Maustaste los. Versuchen Sie, den Schieberegler mit der Maus zu bewegen. Triple-Klick auf den leeren Bereich neben dem Range Slider. Versuchen Sie, den Schieberegler mit der Maus zu bewegen. Es zeigt einen "Kreis mit einer Linie durch den Cursor" und weigert sich, den Griff nach rechts oder links zu schieben.   Meine Theorie hier ist, dass die ersten Aktionen, die ich "auswählen" oder "hervorheben", den Bereichswahl -Selektor, da man einen Abschnitt des Textes auswählen würde. />  Gibt es einen Arbeits- oder Weg, um diesen Fehler zu vermeiden? class = "Snippet-Code-CSS Lang-CSS PrettyPrint-Override">input[type="range"] {
user-select: none;
}< /code>
< /code>
< /div>
< /div>
< /p>
Aufruf auch nicht E.PreventDefault () < /code> Auf dem Drag < /code> Ereignis: < /p>