Definición y Uso
El ondrop atributo se activa cuando un elemento o texto se puede arrastrar la selección se deja caer en un destino de colocación válida.
Para aprender acerca de arrastrar y soltar, lea nuestra Tutorial HTML en HTML 5 de arrastrar y soltar .
Tip: enlaces e imágenes se pueden arrastrar por defecto, y no es necesario el draggable atributo.
Hay muchos atributos de los eventos que se utilizan, y pueden ocurrir, en las diferentes etapas de una operación de arrastrar y soltar:
- Los sucesos activados en el objetivo arrastrable (el elemento de origen):
- ondragstart - se activa cuando el usuario empieza a arrastrar un elemento
- ondrag - se activa cuando se está arrastrando un elemento
- ondragend - se activa cuando el usuario ha terminado arrastrando el elemento
- Los sucesos activados en el destino de colocación:
- ondragenter - se activa cuando el elemento arrastrado entra el destino de colocación
- ondragover - se activa cuando el elemento arrastrado se encuentra sobre el destino de colocación
- ondragleave - se activa cuando el elemento arrastrado deja el destino de colocación
- ondrop - se activa cuando el elemento arrastrado se coloca sobre el destino de colocación
Se aplica a
El ondrop atributo es parte de los atributos de los eventos , y se puede utilizar en cualquier elemento HTML.
Elementos | Evento |
---|---|
Todos los elementos HTML | ondrop |
Ejemplo
Div Ejemplo
Ejecutar un JavaScript cuando un elemento arrastrable se deja caer en un <div> elemento:
<div ondrop="myFunction(event)"></div>
Inténtalo tú mismo " Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el event de atributos.
Atributo evento | |||||
---|---|---|---|---|---|
ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |