2010-05-28 12 views
5

Mi chiedo come quei widget di trascinamento e rilascio annullino la selezione del testo nell'elemento di trascinamento e in altri elementi della pagina. Ho provato il seguente codice che funziona in IE8 (non è possibile selezionare il testo) ma non funziona (può ancora selezionare il testo) in Firefox.come impedire la selezione del testo durante il trascinamento del mouse in Firefox?

<!DOCTYPE html> 
<html> 
<body> 
    <p>Hello World</p> 
    <script type="text/javascript"> 
    document.onmousemove = function() { 
     return false; 
    } 
    </script> 
</body> 
</html> 
+0

See: http://stackoverflow.com/questions/69430/is-there-a-way-to-make-text-unselectable-on-an-html-page – CMS

risposta

8

Oppure, analogo alla soluzione IE8 per Moz:

document.body.style.MozUserSelect="none" 
3

C'è stato un caso in cui ho avuto una barra di scorrimento orizzontale e il testo sulla pagina è stato essere stato selezionato mentre si trascina la barra di scorrimento. Ho usato jQuery per aggiungere una classe "non selezionabile" al corpo quando la mia funzione di avvio a scorrimento si è sparata e rimosso la classe quando è stata eseguita la funzione di scorrimento a scorrimento. Mi piace così:

E questo è ciò che la classe non selezionabile sembrava nel mio documento CSS.

.unselectable { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 
Problemi correlati