Definición y Uso
El ondragend atributo se activa cuando el usuario ha terminado arrastrando una selección de elementos o texto.
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 ondragend atributo es parte de los atributos de los eventos , y se puede utilizar en cualquier elemento HTML.
| Elementos | Evento |
|---|---|
| Todos los elementos HTML | ondragend |
Ejemplo
P Ejemplo
Ejecutar un JavaScript cuando el usuario ha acabado arrastrando un <p> elemento:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p> 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 | |||||
|---|---|---|---|---|---|
| ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |