Definición y Uso
El ondrag atributo se activa cuando se está arrastrando un elemento o selección de 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
- fires when an element is being dragged - 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
Nota: Al arrastrar un elemento, el ondrag evento se dispara cada 350 milisegundos.
Se aplica a
El ondrag atributo es parte de los atributos de los eventos , y se puede utilizar en cualquier elemento HTML.
| Elementos | Evento |
|---|---|
| Todos los elementos HTML | ondrag |
Ejemplo
P Ejemplo
Ejecutar un JavaScript cuando un <p> elemento está siendo arrastrado:
<p draggable="true" ondrag="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 | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |