jQuery - предотвратить переход по ссылке, или метод event.preventDefault()
В jQuery есть один интересный метод preventDefault(), который позволяет предотвратить возникновение "действия по умолчанию" для конкретного события. Например, если в разметке есть гиперссылка, но мы хотим использовать эту ссылку как кнопку button - т.е. без перехода по URL, заданному в атрибуте href, то используется как раз preventDefault().
В jQuery есть один интересный метод preventDefault(), который позволяет предотвратить возникновение "действия по умолчанию" для конкретного события. Например, если в разметке есть гиперссылка, но мы хотим использовать эту ссылку как кнопку button - т.е. без перехода по URL, заданному в атрибуте href, то используется как раз preventDefault(). После этого, всё, что необходимо сделать, - это добавить вызов preventDefault() в обработчик события клика мышью. Пример разметки и кода показан ниже:
1. Разметка. Создаем гиперссылку. В ней указан некоторый URL в атрибуте href. Но мы предотвратим переход по ссылке
<a id="customLink" href="http://ya.ru">При клике по этой ссылке ты не сможешь перейти на Yandex</a>
2. Обработчик на jQuery. Добавляем в обработчик click вызов метода preventDefault(). Результат - отмена перехода по ссылке и вывод нашего сообщения.
$("a#customLink").click(function(event) { event.preventDefault(); alert("НЕТ перехода по ссылке, Вы видете это сообщение!"); });