2012-03-19 9 views
11

Il browser Chrome ha questa strana funzionalità che quando trascino un div o immagine, trascina quell'elemento. Ad esempio, se vai a http://www.google.com sarai in grado di trascinare quell'immagine google.Come disabilitare la funzionalità di trascinamento/rilascio in Chrome?

Il fatto è che è un problema con i miei eventi javascript. C'è un modo, in javascript per disabilitare questa funzionalità per il browser Chrome/Safari?

+0

funziona questo aiuto - http://stackoverflow.com/questions/704564/disable-drag-and-drop-on-html-elements –

risposta

5

Calling

event.preventDefault(); 

nel vostro gestore di eventi dovrebbe disabilitare questo.

Reference

0

Ho avuto lo stesso problema quando ho avuto bisogno di creare il mio funzionalità drag and drop. Stavo usando eventi mouse, mouseup e mousemove. L'ho risolto aggiungendo event.preventDefault(); come prima riga nel mio gestore di eventi Mousedown.

8

Le altre risposte che suggeriscono .preventDefault() non funzionano per me in Chrome (v26). Doveva impostare l'attributo HTML5 draggable='false' sull'immagine. FWIW Sto usando il plug-in jQuery di threedubmedia drag (in realtà l'elegante reimplementation jdragdrop).

+3

fin d'ora, questa è la risposta corretta, non quello segnato – jakubmal

+1

Questo rende [hammer] (https://github.com/EightMedia/hammer.js/) trascina e fa scorrere gli eventi correttamente – tom

Problemi correlati