Как сделать ссылку, которая не идет туда, где

Можно ли создать ссылку, которая ничего не делает. Я хочу, чтобы элемент был ссылкой, поэтому я нахожу курсор для изменения при наведении курсора мыши, но я не хочу, чтобы ссылка действительно отправлялась куда угодно, поскольку она фактически запускает показ div с дополнительной функциональностью на той же странице.

Ответ 1

Будет добавлен в историю браузера:

<a href="#"></a>

Не добавляется в историю браузера (предпочтительный метод):

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

Ответ 2

Вместо этого вы можете использовать <span> и установить стиль курсора:

<span id="node42" class="node-link">My Text</span>

И укажите курсор в таблице стилей:

.node-link { cursor: pointer; }

Это также позволит вам подключиться к node для ваших действий позже (показать здесь, используя Prototype):

<script type="text/javascript">
    $('node42').observe('click', function(event) {
      alert('my click handler');
    });
</script>

Ответ 3

на мой взгляд, наиболее полное решение без взлома:

<a href="" onclick="return false;">do absolutely nothing</a>

Ответ 4

Просто добавьте стиль cursor:pointer к элементу:

<a id="clickme">Click Me</a>

CSS

#clickme { cursor: pointer }

Или (не дай бог) в строке:

<a style="cursor:pointer">Click Me</a>

Ответ 5

Если вы просто хотите стиль, установите указатель CSS в указатель.

Но похоже, что вы хотите <a href="javascript:void(do_something())">.

Ответ 6

Один из вариантов заключается в том, чтобы указать на #someid - он переместит вертикальную прокрутку к этому элементу, но это может быть или не быть тем, что вы хотите.

Ps. вы можете добиться того же результата со стилями.

Ответ 7

попробуйте это "< a href=" javascript:; " > "

Ответ 8

Я искал что-то более простое, и я думаю, что нашел. Вы хотите, чтобы ваша ссылка никуда не уходила? опустить href.

<a class='irrelevant_for_this_example'>Some text</a>

href="#" выделит верхнюю часть страницы.

href="javascript:;" кажется изворотливым.

Решение JS кажется ненужным для чего-то простого.

Ответ 9

Вот 2 классических подхода к javascript, которые не даст вам ошибки в вашей JS-консоли и/или не изменяют URL-адрес и не сохраняют его на вашем история браузера:

<a href="javascript:void(0);">Click on this javaScript error-free link that won't change your URL nor save it into your browser history</a><hr />
<a href="#void">Maybe a more readable approach, but unfortunately this one changes your URL</a>