Atributo HTML ondragenter

Definición y uso

El atributo ondragenter se activa cuando un elemento que se puede arrastrar o una selección de texto ingresa en un destino de colocación válido.

Los eventos ondragenter y ondragleave pueden ayudar al usuario a comprender que un elemento arrastrable está a punto de entrar o salir de un destino de colocación. Esto se puede hacer, por ejemplo, configurando un color de fondo cuando el elemento que se puede arrastrar ingresa al destino de colocación y eliminando el color cuando el elemento se mueve fuera del destino.

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 atributo arrastrable.

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 activa cuando el usuario comienza a arrastrar un elemento
  • ondrag : se activa cuando se arrastra un elemento
  • ondragend : se activa cuando el usuario ha terminado de arrastrar el elemento


• Eventos activados en el destino de colocación:
  • ondragenter: se activa cuando el elemento arrastrado ingresa al destino de colocación
  • ondragover : se activa cuando el elemento arrastrado está 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 suelta en el destino de colocación

Se aplica a

El atributo ondragenter es parte de los Atributos de eventos y se puede usar en cualquier elemento HTML.

Ejemplo

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.