0

Есть тег anchor на html странице. По нажатию на него открывается модальное окошко. Естественно в событии onclick пишем return false, но нужно указать что-то в href, чтобы ссылка была кликабельна. Если указать например #777 в href, то по нажатию на ссылку #777 добавится к текущему URL, что не очень красиво.

Как правильно оформить href, чтобы не добавлялось в URL ничего. Вариант javascript:void(0), не предлагать, потому что глючный. Ситуация именно такая, какая есть, без исключений - без перехода и чтобы не было лишнего в URL

5
  • 2
    Если указан return false;, то к адресу ничего добавляться не должно. И в чём глючность варианта с javascript:void(0);? 25 фев 2016 в 19:15
  • Еще можно event.preventDefault() использовать
    – korytoff
    25 фев 2016 в 19:23
  • 2
    И еще можно не ссылки юзать, а любой другой объект с css cursor: pointer;
    – korytoff
    25 фев 2016 в 19:24
  • @korytoff, поддерживаю. Ссылки лучше использовать тогда, когда в href можно прописать то, что обеспечит нормальную работу страницы для пользователей с отключенным JavaScript. 25 фев 2016 в 19:28
  • @korytoff, нельзя. С клавиатуры тогда навигация на неё работать не будет. И на ссылку без href - тоже.
    – Qwertiy
    25 фев 2016 в 22:58

2 ответа 2

3

В вашем случае использовать не тег <a>, а любой другой с css: cursor: pointer;.

А если уж так нужно через <a> и js то можно добавлять событие современным способом:

document.querySelector('a').addEventListener("click", function(event){
    event.preventDefault();
    return false;
}, false);

PS. Код не тестировал, может немного не точно, привык блин к jQuery;

1

href="#" - чтобы у ссылки был непустой href и на неё можно было перейти используя tab.

event.preventDefault() в обработчике, чтобы не менялся адрес.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.