Atributo HTML ondrag
Definición y uso
El ondrag
atributo se activa cuando se arrastra un elemento o una selección de texto.
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 draggable
atributo.
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 dispara cuando el usuario comienza a arrastrar un elementoondrag
- se dispara cuando se arrastra un elementoondragend
- se dispara cuando el usuario ha terminado de arrastrar el elemento
- Eventos activados en el destino de colocación:
ondragenter
- se dispara cuando el elemento arrastrado ingresa al destino de colocaciónondragover
- se dispara cuando el elemento arrastrado está sobre el destino de colocaciónondragleave
- se dispara cuando el elemento arrastrado deja el destino de colocaciónondrop
- se activa cuando el elemento arrastrado se suelta en el destino de colocación
Nota: Mientras arrastra un elemento, el ondrag
evento se dispara cada 350 milisegundos.
Se aplica a
El ondrag
atributo es parte de los Atributos de evento y se puede usar en cualquier elemento HTML.
Elementos | Evento |
---|---|
Todos los elementos HTML | ondrag |
Ejemplo
P Ejemplo
Ejecuta un JavaScript cuando se arrastra un elemento <p>:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
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 | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |