Definición y Uso
El ondragstart atributo se activa cuando el usuario empieza a arrastrar 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):
- 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 ondragstart atributo es parte de los atributos de los eventos , y se puede utilizar en cualquier elemento HTML.
Elementos | Evento |
---|---|
Todos los elementos HTML | ondragstart |
Ejemplo
P Ejemplo
Ejecutar un JavaScript cuando el usuario comienza a arrastrar un <p> elemento:
<p draggable="true" ondragstart="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 | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |