Código de JavaScript - Definir un numero de clics para abrir un enlace en JavaScript

Filtrado por el tag: jQuery

<<>>

Pos: 1

Val: 3.506

Ha mantenido su posición en JavaScript (en relación al último mes)

Definir un numero de clics para abrir un enlace en JavaScript

JavaScript

(1)

Publicado el 7 de Julio del 2020 por Joel (150 códigos)

1.215 visualizaciones desde el 7 de Julio del 2020

Simple código que muestra como no permitir abrir un link (<a href=...>) hasta haber pulsado una cantidad definida de clics para cada uno de los enlaces de nuestra pagina.
Utilizada dataset para definir los clics necesarios antes de abrir un enlace.

Versión 1
(1)

Publicado el 7 de Julio del 2020

gráfica de visualizaciones de la versión: Versión 1

1.216 visualizaciones desde el 7 de Julio del 2020

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <style>

    a:link, a:visited, a:hover {color:Blue;}

    </style>

</head>

<body>

    <br><a href="https://www.lawebdelprogramador.com/cursos/" data-clics="5">Cursos</a> (5 clicks)

    <br><a href="https://www.lawebdelprogramador.com/codigo/" data-clics="3">Códigos</a> (3 clicks)

    <br><a href="https://www.lawebdelprogramador.com/pdf/">PDF</a> (0 clicks)

</body>

</html>

<script>

document.querySelectorAll("a").forEach(el => el.addEventListener("click", clickLink));

function clickLink(e) {

    if (this.dataset.clics && this.dataset.clics>0) {

        e.preventDefault();

        this.dataset.clics-=1;

</script>

Comentarios sobre la versión: Versión 1 (1)

ScriptShow

8 de Julio del 2020

No conocía las características de DataSet. ¡Gracias por el aporte!.

Responder

Comentar la versión: Versión 1


Nombre

Correo (no se visualiza en la web)

Valoración

Comentarios...

CerrarCerrar

Es necesario revisar y aceptar las políticas de privacidad

Acepto las políticas de privacidad

http://lwp-l.com/s6344

Calendario de Actividades del Mes Corriente con Php

Reportes en Excel y PDF con PHP, Mysql Y js

Código de JavaScript - Definir un numero de clics para abrir un enlace en JavaScript

Versión 1(1)

Comentarios sobre la versión: Versión 1 (1)

Comentar la versión: Versión 1

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Versión 1
(1)