regresar a la lección

Captura enlaces en el elemento

importancia: 5

Haz que todos los enlaces dentro del elemento con id="contents" pregunten al usuario si realmente quiere irse. Y si no quiere, no sigas.

Así:

Detalles:

  • El HTML dentro del elemento puede cargarse o regenerarse dinámicamente en cualquier momento, por lo que no podemos encontrar todos los enlaces y ponerles controladores. Utilice la delegación de eventos.
  • El contenido puede tener etiquetas anidadas. Dentro de los enlaces también, como <a href=".."><i>...</i></a>.

Abrir un entorno controlado para la tarea.

Ese es un gran uso para el patrón de delegación de eventos.

En la vida real, en lugar de preguntar, podemos enviar una solicitud de “logging” al servidor que guarda la información sobre dónde se fue el visitante. O podemos cargar el contenido y mostrarlo directamente en la página (si está permitido).

Todo lo que necesitamos es capturar el contents.onclick y usar confirm para preguntar al usuario. Una buena idea sería usar link.getAttribute('href') en lugar de link.href para la URL. Consulte la solución para obtener más detalles.

Abrir la solución en un entorno controlado.