Los últimos tutoriales de desarrollo web
 

HTML ondragstart Attribute


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):
    • 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 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