June 24, 2020

Как скрывать адрес ссылки с помощью jQuery

Дело это, конечно, нехорошее, но иногда нужно 🙂

Например, таким способом можно скрывать реферальные ссылки.

Смысл этого хака в том, что при наведении на ссылку показывается один адрес, а при клике открывается другая страница.

Достигается это простым кодом:

<script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
<script>jQuery(document).ready(function($){ 
$('a').mouseup(function(){ href=$(this).data('href'); if(href) $(this).attr('href', href); });
});</script>

Естественно, если jQuery уже подключен к сайту, то первая строчка будет излишней.

Ну и собственно, в ссылку, которую нужно скрыть следует добавить data-href="https://address"

Можно еще использовать обработчик onclick, как в этом примере:

onclick="document.location.href='https://address';return false;"

но мы же легких путей не ищем, правда? 😉 Да и jQuery, чаще всего, уже подключен на большинстве сайтов…

Понятно, что ни первый, ни второй способ ссылку не скрывает, а лишь маскирует для неопытного пользователя, однако, в некоторых случаях это может пригодиться…