Saltar al contenido

¿Cómo deshabilitar ‘Abrir enlace en una nueva pestaña’ en el navegador?

Revisamos de forma cada una de las noticias en nuestro sitio web con el objetivo de mostrarte en todo momento la información con la mayor veracidad y certera.

Solución:

La capacidad de abrir un enlace en una nueva pestaña/ventana es una funcionalidad nativa de muchos navegadores. Si no desea permitir este tipo de actividad, debe notificar al navegador que su enlace no es realmente un enlace. La forma más fácil de hacerlo es quitar el href attribute de tu a elemento.

HTML:

Can be opened in new tab/window
Cannot be opened in new tab/window

Ahora bien, hay algunas otras cosas que el navegador puede estar haciendo por usted de forma predeterminada cuando ve un enlace. Si no ha definido ningún estilo de a elementos, es probable que su nuevo pseudoenlace elegante no aparezca con un enlace de color de fuente, puntero y subrayado. Puedes seguir adelante y hacerlo con bastante facilidad.

CSS:

a 
    color: blue;
    cursor: pointer;
    text-decoration: underline;

Con suerte, eso responde a la pregunta de cómo deshabilita / elimina la opción ‘Abrir enlace en una nueva pestaña’ en el menú contextual del navegador. Sin embargo, para obtener algo de crédito adicional, supondré que probablemente desee que el enlace siga funcionando como un enlace normal cuando se hace clic en él. Siéntase libre de usar JavaScript para que eso suceda. Aquí hay un ejemplo usando jQuery:

JavaScript:

$("body").on("click", "a[data-href]", function() 
    var href = $(this).data("href");
    if (href) 
        location.href = href;
    
);

HTML modificado:

Can be opened in new tab/window
Cannot be opened in new tab/window

CSS modificado:

a[href], a[data-href] 
    color: blue;
    cursor: pointer;
    text-decoration: underline;

¡Espero que esto ayude!

Te mostramos las comentarios y valoraciones de los lectores

Puedes asentar nuestra función poniendo un comentario y dejando una valoración te damos la bienvenida.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *