2012-03-19 15 views
11

El navegador Chrome tiene esta funcionalidad extraña que cuando arrastro un div o imagen, arrastra ese elemento. Por ejemplo, si va al http://www.google.com, podrá arrastrar esa imagen de Google.Cómo deshabilitar la funcionalidad de arrastrar/soltar en Chrome?

Lo que pasa es que está jugando con mis eventos de javascript. ¿Hay alguna manera, en javascript para deshabilitar esta funcionalidad para el navegador chrome/safari?

+0

Esto ayuda - http://stackoverflow.com/questions/704564/disable-drag-and-drop-on-html-elements –

Respuesta

5

Calling

event.preventDefault(); 

en el controlador de eventos debe desactivar eso.

Reference

0

que tenían el mismo problema cuando necesitaba crear mi propia funcionalidad de arrastrar y soltar. Estaba usando mousedown, mouseup y mousemove events. Lo resolví agregando event.preventDefault(); como la primera línea en mi controlador de evento de mousedown.

8

Las otras respuestas que sugieren .preventDefault() no funcionan para mí en Chrome (v26). Tuvo que establecer el atributo HTML5 draggable='false' en la imagen. FWIW Estoy usando el plugin threedubmedia drag jQuery (en realidad el nuevo ingenioso jdragdrop reimplementación).

+3

a partir de ahora, esta es la respuesta correcta, no la marcada – jakubmal

+1

This hace que [hammer] (https://github.com/EightMedia/hammer.js/) los eventos de arrastrar y deslizar funcionen correctamente – tom

Cuestiones relacionadas