HTML5 draggable = 'false' non funziona nel browser Firefox

Question

Sto semplicemente cercando di applicare l'attributo HTML5 draggable = 'false' ad alcune immagini ma non funziona nel browser Firefox. In Chrome funziona bene, ma su Firefox, dopo aver selezionato quell'immagine in grado di trascinare e rilasciare. Codice di esempio può essere visto qui:

<div id="dnd"> 
    <textarea placeholder="drop here"></textarea> 
    <img src="http://johnlewis.scene7.com/is/image/JohnLewis/231108668?$prod_main$" draggable='false'/> 
</div> 

Jsfiddle

sto avendo Firefox all'ultima versione: 32.0.3

Google un sacco, ma non ha trovato una soluzione migliore. C'è qualche soluzione per questo senza usare JavaScript? Qualsiasi aiuto sarebbe apprezzato.

Grazie

Answer 1

È possibile impostare le seguenti proprietà CSS per l'immagine: codice di

.unselectable { 
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */ 
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */ 
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */ 
    -webkit-user-select: none; 
    -ms-user-select: none; /* From IE10 only */ 
    user-select: none; /* Not valid CSS yet, as of July 2012 */ 

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */ 
    user-drag: none; 
} 

HTML:

<img src="something.jpg" class="unselectable"> 

Fiddle

Answer 2

solo provare questo

add ondragstart = "return false;" al vostro elemento HTML

<div id="dnd"> 
 
    <textarea placeholder="drop here"></textarea> 
 
    <img src="http://johnlewis.scene7.com/is/image/JohnLewis/231108668?$prod_main$" draggable='false' ondragstart="return false;"/> 
 
</div>