Как показать маленькую руку в ссылке, которая не имеет атрибута href?

У меня есть эта ссылка <a>jander</a>.

Когда я накладываю на него курсор мыши, вместо маленькой руки отображается курсор выбора.

Есть ли способ показать маленькую руку?

Примечание. Я не хочу использовать href= '#', потому что это тот случай, когда я нажимаю на ссылку (это ссылка, которая выполняет функцию ajax), она переходит в начало страницы.

Ответы

Ответ 1

Настройте курсор следующим образом:

<a style="cursor:pointer;">jander</a>

Ответ 2

Используйте

cursor: pointer;

в стиле элемента или классе. Обратите внимание, что это будет работать на любом элементе - не только a.

Кстати, вы всегда можете return false в своем обработчике, чтобы избежать проблемы с href="#".

Ответ 3

Добавьте style="cursor:pointer;" в тэг a.

Ответ 4

Вы также можете сделать:

<a href="javascript:;">jander</a>

Это предотвращает прокрутку вверху страницы и сохраняет ваши ссылки с атрибутом href (идеально в некоторых ситуациях, когда CSS заблокирован или у вас есть ограничение CMS).

Ответ 5

если вы хотите установить для всего атрибута <a> значение, установленное в вашем файле css.

a {
  cursor:pointer;
}

Ответ 6

При использовании Bootstrap вы можете сделать следующее:

<a role="button">jander</a>

Ответ 7

избегать встроенных стилей! используйте класс

<style>
.no-href-but-gimme-pointer{cursor:pointer;}
</style>
<a class='no-href-but-gimme-pointer'>hover me for pointer, but don't click me -- i won't do anything!</a>

Ответ 8

Когда вы используете ссылки для JavaScript, вы также можете использовать <a href="javascript:false">jander</a> или <a href="#" onClick="ajaxFunction(); return false;"> return false будет дезактивировать атрибут href