No seu caso, como o elemento já é um hyperlink, é só capturar o retorno do confirm
e prevenir o comportamento padrão do navegador (acessar o link) se o valor de retorno for false
.
Tecnicamente isto não é um redirecionamento, é apenas um interrupção (caso usuário pressione o botão Não) do que aconteceria normalmente.
$(document).ready(function() {
$("a").click(function(evento) {
if (!confirm("Tem certeza?"))
evento.preventDefault();
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://google.com">Ir para o Google.com</a>
Se quiser simular o comportamento de um redirecionamento http, previna o comportamento padrão do browser (novamente, visto que é um hyperlink) e use window.location.replace
.
Pode também usar window.location.href
(ou simplesmente window.location
), mencionado na resposta do @Paul Polidoro , ambos fazem praticamente a mesma coisa que é navegar para a URL especificada.
A diferença é que window.location.replace
não inclui a URL no histórico.
$(document).ready(function() {
$("a").click(function(evento) {
evento.preventDefault();
if (confirm("Tem certeza?"))
window.location.replace($(this).attr('href'));
});
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="https://google.com">Ir para o Google.com</a>
evento.preventDefault()
; bloqueia o evento de seguir.