Soy francés, así que lo siento por mi inglés. Intento hacer un simple arrastrar y soltar como en: https://web.dev/drag-and-drop/ pero si reemplazamos 1, 2 y 3 por un <img> , el arrastrar y soltar no funciona porque del dragndrop por defecto del <img> abre el archivo en firefox y en edge que deja la imagen con 0.4 de opacidad
Intento deshabilitar este comportamiento con getElementsByTagName('img').ondragstart = function(){return false;}; pero eso no cambia nada. También trato de poner onmousedown='return false' en mi img, pero también bloquea el arrastrar y soltar real.
Editar: encontré en la web que puse en mi Css:
img{ user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }Y todo funciona en Edge no en Firefox
Para esto, las respuestas ya están en el documento al que se refiere. Debe evitar el comportamiento predeterminado del navegador mediante event.preventDefault(). Puede poner esto dentro de una función de controlador, por ejemplo, function handleDrop(e) {e.preventDefault()} y luego llamarlo en un evento de eliminación como - myimage.addEventListener('drop', handleDrop);