Создание нулевой гиперссылки

Question

Я хочу создать гиперссылку, которая не ссылается ни на одну страницу. При нажатии он выполняет функцию JavaScript, которую я определил. Итак, я создал ссылку следующим образом:

<a onclick="fun()"> SomeText </a>

Но указатель мыши не меняется на символ руки, когда мы наводим указатель мыши на ссылку.

Итак, я изменил ссылку на

<a href="#" onclick="fun()"> SomeText </a>

Итак, теперь я получаю символ руки, но теперь местоположение в адресной строке меняется на / # всякий раз, когда я нажимаю на ссылку.

Есть ли способ создать гиперссылку, не связанную с каким-либо местоположением, но указатель мыши должен измениться на символ руки при наведении на нее курсора мыши?

Спасибо.

Answer 1

Возврат false из события onclick:

<a href="#" onclick="fun(); return false;"> SomeText </a>

Answer 2

<a href="/SomePageWeDontWantToVisit" onclick="fun(); return false;">...</a>

Answer 3

<a href="javascript:;" onclick="fun();">Some Text</a>
<a href="javascript:fun();">Some Text</a>

Answer 4

Правильнее создать элемент span и изменить свойства css:

<span class="link" onclick="fun()"> SomeText </span>

CSS

.link {курсор: указатель;}

Answer 5

Вы также можете добавить обработчик событий программно, добавив что-то подобное в ваш раздел загрузки JavaScript (например, window.onload ()):

function clickHandler() {
  event.preventDefault();    
 // do some javascript stuff
}

document.getElementById("link").addEventListener("click", clickHandler, false);

Ссылка на HTML-страницу:

<a id="link" href="#">Some link</a>