CSS / HTML: отключить ссылку "hover" текст

вы знаете, как, когда у вас есть мышь по ссылке, в большинстве браузеров она показывает ссылку в левом нижнем углу (ака chrome) или в строке состояния? Как я могу отключить это?

6
behavior css css3 hyperlink

4 ответов

единственный способ сделать это-удалить данные в "href" и изменить их на javascript onclick, где вы устанавливаете окно.расположение к нужному url-адресу.

<a href="http://www.stackoverflow.com/">Go To SO</a>

становится

<a style="cursor: pointer" onclick="javascript: window.location = 'http://www.stackoverflow.com/';">Go To SO</a>
10

другая идея: использовать редиректор.

установите ссылку на свою собственную страницу (aspx), и на этой странице вы сделаете ответ.Передача. При использовании aspx вы можете использовать атрибуты (в строке запроса), если хотите, чтобы использовать его для нескольких ссылок. Таким образом, пользователь все еще знает, что это ссылка, но не может видеть фактический URL-адрес при наведении курсора.

1

Я получил тот же вопрос сегодня .. и вот из коробки способ решить это:

просто заменить <a> С <span> и скрыть адрес в скрытый компонент,
Затем используйте Jquery для создания страницы redirect / Ajax.

HTML-код: 

  <span class="fake-link" >
        <span class="url" style="display:none;">www.my-url.com</span>
        Go to My-URL page
    </span>

Jquery:

$(function(){
    $('.fake-link').on('click', function(e){
        var url = $(this).find('.url:first').html(); 
        window.location = url;
    });
});
0

изменить событие onclick:

<a href="#" id="linkid">Link</a>

<script type="text/javascript">
function changeOnClick()  {
    document.getElementById("linkid").onclick=function(e) {
        location.href="http://www.your-site.com";
        return false;
    }
}
window.onload=changeOnClick;
</script>

вы можете изменить " # " на то, что вы хотите, чтобы строка состояния отображалась.

-1