Atributo ondrop HTML
Definición y uso
El atributo ondrop se activa cuando un elemento que se puede arrastrar o una selección de texto se coloca en un destino de colocación válido.
Para aprender acerca de Arrastrar y Soltar, lea nuestro Tutorial HTML sobre Arrastrar y Soltar HTML5 .
Sugerencia: Los enlaces y las imágenes se pueden arrastrar de forma predeterminada y no necesitan el atributo arrastrable.
Hay muchos atributos de eventos que se usan y pueden ocurrir en las diferentes etapas de una operación de arrastrar y soltar:
- Eventos activados en el objetivo arrastrable (el elemento de origen) :
- ondragstart : se activa cuando el usuario comienza a arrastrar un elemento
- ondrag : se activa cuando se arrastra un elemento
- ondragend : se activa cuando el usuario ha terminado de arrastrar el elemento
- Eventos activados en el destino de colocación:
- ondragenter : se activa cuando el elemento arrastrado ingresa al destino de colocación
- ondragover : se activa cuando el elemento arrastrado está 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 suelta en el destino de colocación
Se aplica a
El atributo ondrop es parte de los Atributos de evento y se puede usar en cualquier elemento HTML.
| Elementos | Evento |
|---|---|
| Todos los elementos HTML | ondrop |
Ejemplo
Ejemplo de división
Ejecute un JavaScript cuando un elemento arrastrable se suelte en un elemento <div>:
<div ondrop="myFunction(event)"></div>
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo de evento.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |