Drag 'n drop e testo selezionato

[Vicar]

Salve,
sto creando un div il quale si può spostare con la funziona drag 'n drop. Il problema è che mi si seleziona il testo del sito. c'è un modo per evitare ciò?

[Nobody33]

Più informazioni (codice, link alla pagina, usi plugin, librerie etc.). Cosi nessuno ci capisce molto.

Grazie

[Vicar]

Sto facendo in locale e utilizzo jQuery.

Io ho delle scritte normalissime sullo sfondo

<span>prova</span>

e un div

<div style="position:absolute;width:100px;height:100px;background-color:#F00;"></div>

All'evento del mousedown il div segue la freccia e si sposta ma nel frattempo il testo si seleziona come in figura per farvi capire:


Come risolvo?

[Nobody33]

Prova cosi e lo applichi al <span id="no_select"> prova </span>

<style type="text/css">
#no_select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
</style>

Semmai aggiungi !important.

[Vicar]

Ok perfetto, questo lo usavo già ma magari c era qualcosa di meno pesante!
In questo modo dovrei applicare una classe ad ogni oggetto del DOM.. Giusto?

[Nobody33]

No. lo applichi ad un qualunque elemento nella pagina che non vuoi che sia selezionato. E' un' impostazione .css in generale.
Non c'entra .js.

[Vicar]

Si mi sono spiegato male io scusami! Grazie per la risposta!

[carlomarx]

puoi anche mettere un return false alla funzione di onmousedown e vedrai che impedirà la selezione

[Vicar]

Ok grazie!!