Wie kann ich die Textauswahl in Webkit-Browsern deaktivieren, wenn Sie jQuery UI .draggable verwenden?

Ich kann anscheinend nicht die Textauswahl in Webkit-Browsern deaktivieren, wenn Sie jQuery UI .draggable() verwenden. Ich habe versucht, die webkit spezifischen css (-webkit-user-select und -webkit-user-drag) in verschiedenen Kombinationen, hatte aber kein Glück.Wie kann ich die Textauswahl in Webkit-Browsern deaktivieren, wenn Sie jQuery UI .draggable verwenden?

Hier ist ein jsfiddle wo Sie das Problem reproduzieren können: http://jsfiddle.net/dmosher/8ZGLR/

Quelle

2011-01-04 David Mosher

disableSelection ist dein Freund hier.

.disableSelection() ist ein undokumentiertes (für jetzt) Core-Dienstprogramm. Es ist nützlich für die Herstellung von Textelementen oder Elementen , die Text enthalten, nicht Text auswählbar. Wenn Sie beispielsweise ein ziehbares Element haben, dürfen Sie nicht möchten, dass eine Textauswahl erfolgt, wenn der Benutzer das Element zieht.

Sie möchten vielleicht einen Helfer erstellen, so dass es offensichtlich aussieht, dass etwas gezogen wird.

Updated demo

Quelle

2011-01-04 18:54:09 redsquare

Yep, dass der Trick. Ich habe einen Helfer in der Produktionsimplementierung, dies war nur eine Isolierung, um zu versuchen, andere widersprüchliche Probleme zu entfernen. Danke :) –

Ich bin nicht mit dieser Antwort zufrieden, da es verhindert, dass der Benutzer Text innerhalb der ziehbaren Reihe auswählt und kopiert. :( –

Ja gibt es das auch, aber es stellt sich die Frage _should_ ein Benutzer darf Text sowohl kopieren als auch ziehen das gleiche Element? –

Wie kann ich die Textauswahl in Webkit-Browsern deaktivieren, wenn Sie jQuery UI .draggable verwenden?

Antwort

Verwandte Themen