как можно скрыть URL в гиперссылке при наведении мыши

Question

Как я могу скрыть отображение URL при наведении курсора мыши на гиперссылку?

<a href="url">Hyperlink</a>

Как скрыть URL-адрес от отображения в нижней строке состояния браузера при наведении курсора мыши?

Answer 1

Не помещайте URL-адрес в href (или сохраняйте его href="#") и присоединяйте функцию JavaScript к событию onclick, которая помещает фактическую ссылку в элемент a. Таким образом, вы не увидите фактический URL при наведении на ссылку, но ссылка будет вставлена, когда пользователь действительно щелкнет.

Answer 2

у вас технически есть window.status для создания пользовательских сообщений в строке состояния. вы можете установить его во время события onmouseover для этого элемента и установить window.status в пустую строку ... вот как мы это сделали давным-давно однако ..

Браузеры

в наши дни запрещают изменение строки состояния по умолчанию (насколько я знаю, Firefox предотвращает это). так что нет никаких гарантий, что этот подход вообще что-нибудь сделает.

Answer 3

Таким образом, вы можете легко скрыть URL при наведении курсора мыши на гиперссылку.

Просто добавьте один идентификатор на ссылку привязки.

HTML

<a href="url" id='no-link'>Hyperlink</a>

Код запроса

$(document).ready(function () {
      setTimeout(function () {

            $('a[href]#no-link').each(function () {
                var href = this.href;

                $(this).removeAttr('href').css('cursor', 'pointer').click(function () {
                    if (href.toLowerCase().indexOf("#") >= 0) {

                    } else {
                        window.open(href, '_blank');
                    }
                });
            });

      }, 500);
});

Вот демонстрационная ссылка https://jsfiddle.net/vipul09so/Lcryjga5/

Answer 4

просто удалите атрибут href из a элемента. :)

Answer 5

<button class="class" onclick="window.location.href='http://stackoverflow.com'">Visit StackOverflow</button>

Answer 6

Просто используйте onclick = "location.href = '#'"