Quero que meus links pareçam URLs legítimos, mas me comportem de maneira diferente, como ir a um URL de acompanhamento que eu defino, quando um evento de clique acontece. Quando eu clico no link com o botão esquerdo do mouse, eu posso pegá-lo com o manipulador .click () e mudar o href para outra coisa. Quando clico com o botão direito do mouse, ele não será capturado com .click (), mas posso usar .mousedown () e .mouseup (), que é apenas uma solução parcial para o meu problema.

A coisa é, eu quero ter certeza de que quando algum usuário clica no link, o link ainda parecerá legítimo, mas quando ele escolher abrir o link em uma nova aba, eu pegaria esse evento e mudaria o href. No final, quando o evento de clique real aconteceu no link, o href seria alterado de volta para o original. O URL para onde eles realmente vão, faz alguma coisa e os redireciona para o URL real, mas isso acontece muito rápido. Portanto, o objetivo dessa funcionalidade é enganar os usuários e rastrear seus cliques. Facebook faz isso, mas como eles lidam com os cliques certos e "abrir em nova aba"?

Ok, não chegar a lugar nenhum sem algum código, eu acho .. Alguns códigos que tenho agora:

    link = $(selectorName);
    var original_link = link.attr("href");
    link.click(function(){
        link.attr("href", "/track_and_redirect");
    }).mousedown(function(event) {
        switch (event.which) {
            case 3:
                //alert('Right mouse button pressed');
                link.attr("href", "/track_and_redirect");
                break;
            default:
        }
    }).mouseleave(function(){
        link.attr("href", original_link);
    });

Atualmente, quando você clica com o botão direito no link, o novo URL é exibido no canto do navegador. Como faço para ignorar isso?