Отмена обычного поведения объекта
Некоторые элементы страницы уже имеют встроенные действия, которые надо выполнять, например при клике. Например, если мы кликаем по гиперссылке, то происходит переход на другую страницу или когда мы щелкаем по кнопке отправки в форме, то происходит отправка данных формы на сервер и т.д.
Так вот, иногда встроенные действия объекта надо отменить. В этом случае использует метод объекта события. Этот метод называется preventDefault( ). Попробуем применить этот метод.
На страничке нашего сайта есть блок дружественных сайтов.
<h3>Дружественные к нам сайты:</h3>
<ul id="my_links">
<li><a href="http://gport.com.ua" target="_blank" id="superlink">Отдых на Черном море</a></li>
<li><a href="http://travels-ua.com">travels-ua</a></li>
</ul>
Запретим переход по первой гиперссылке. Идентификатор этой гиперссылки superlink. Добавим jQuery код.
$('#superlink').click(function(object){
object.preventDefault( );
alert('Переход по ссылке запрещен');
});
Можно встретить и еще один способ отмены обычного действия объекта. Вместо команды object.preventDefault( ); пишут return false; (вернуть ложь). Давайте исправим jQuery код и протестируем.
$('#superlink').click(function(object){
return false;
alert('Переход по ссылке запрещен');
});
Да, действительно переход по гиперссылке не произошел, но и не появилось модальное окно с текстом: «Переход по гиперссылке запрещен». Это из-за того, что после команды return false; (вернуть ложь) все остальные действия внутри функции не выполняются.
Если мы поменяем местами команды, то все будет выполнятся. Вот так:
$('#superlink').click(function(object){
alert('Переход по ссылке запрещен');
return false;
});