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

Question

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

Answer 1

Единственный способ сделать это - удалить данные в 'href' и изменить их на клик по javascript, в котором для window.location вы задаете желаемый URL.1004 *

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

Answer 2

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

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

Answer 3

У меня сегодня та же проблема .. и вот готовый способ ее решения:

Просто замените <a> на <span> и скройте адрес в скрытом компоненте,
Затем используйте Jquery для создания перенаправления страницы / 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;
    });
});

Answer 4

Изменить событие 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>

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