Los últimos tutoriales de desarrollo web
 

HTML ondragenter atributo de evento

<HTML atributos de eventos

Ejemplo

Ejecutar un JavaScript cuando un elemento arrastrable entra en un destino de colocación:

<div ondragenter="myFunction(event)"></div>
Inténtalo tú mismo "

Definición y Uso

El ondragenter atributo se activa cuando un elemento se pueda arrastrar o selección de texto entra en un destino de colocación válida.

El ondragenter y eventos OnDragLeave pueden ayudar al usuario a entender que un elemento arrastrable está a punto de entrar o salir de un destino de colocación. Esto se puede hacer mediante, por ejemplo, establecer un color de fondo cuando el elemento arrastrable entra en el destino de colocación, y la eliminación de el color cuando el elemento se mueve fuera de la diana.

Arrastrar y soltar es una característica muy común en HTML5. Que es cuando se "agarra" un objeto y arrastrarlo a una ubicación diferente. Para obtener más información, consulte nuestro Tutorial HTML en HTML 5 de arrastrar y soltar .

Nota: Para que se pueda arrastrar un elemento, utilice el HTML5 mundial draggable atributo.

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

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
ondragenter 4.0 9.0 3.5 6.0 12.0

Diferencias entre HTML 4.01 y HTML5

El ondragenter atributo es nuevo en HTML5.


Sintaxis

<elementondragenter=" script ">

Los valores de atributo

Valor Descripción
script La secuencia de comandos para ejecutar en ondragenter

Detalles técnicos

etiquetas HTML compatibles: Los elementos HTML

Páginas relacionadas

HTML Tutorial: Drag and Drop HTML5

Referencia HTML: HTML Atributo arrastrable

HTML DOM Referencia: Evento ondragenter


<HTML atributos de eventos