Código de JavaScript - Habilitar y deshabilitar un enlace con Javascript

Val: 606

Habilitar y deshabilitar un enlace con Javascript

Publicado el 3 de Febrero del 2021 por Info (100 códigos)

5.777 visualizaciones desde el 3 de Febrero del 2021

Este simple código muestra como deshabillitar o habilitar un enlace (<a href...) con Javascript, haciendo uso del estilo pointer-events

Publicado el 3 de Febrero del 2021

5.778 visualizaciones desde el 3 de Febrero del 2021

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <style>

    a.disabled {

        pointer-events: none;

        color:grey;

    </style>

</head>

<body>

    <a href="https://www.lawebdelprogramador.com" target="_blank">La Web del Programador</a>

    <button onclick="deshabilitar()">Deshabilitar</button>

    <button onclick="habilitar()">Habilitar</button>

</body>

</html>

<script>

const a=document.querySelector("a");

function deshabilitar() {

    a.classList.add("disabled");

function habilitar() {

    a.classList.remove("disabled");

</script>

gy78

28 de Septiembre del 2021

uhui

Responder

LEGIPLAG, S.L.

3 de Febrero del 2023

Responder


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/s6860

Input para permitir la entrada de una hora con minutos HH:MM

formatear un numero según es introducido en un input de un formulario