Login / Sign Up


Enter site:
Login: 
Password: 


First time here?
 
Register [?]:
Registering allows you:
  • Purchase products from the product catalog and access them any time.
  • Ask questions to another specialists in IT
  • Publish your own Joomla extensions, soft or other products if you are developer or distributor
  • Add interesting weblinks and access them from any place
  • Watch the updates of the site and have special abilities that guests don't have
  • Watch the news of the service and new articles and get knowledge
Choose login:
Your Email:
Enter the result of operation (in digits):
21 + 2 = ? Update

jQuery - предотвратить переход по ссылке, или метод event.preventDefault() PDF Print E-mail
Written by Максим   
Wednesday, 25 April 2012 10:30
Liked:
58


Did not like: 7

В jQuery есть один интересный метод preventDefault(), который позволяет предотвратить возникновение "действия по умолчанию" для конкретного события. Например, если в  разметке есть гиперссылка, но мы хотим использовать эту ссылку как кнопку button - т.е. без перехода по URL, заданному в атрибуте href, то используется как раз preventDefault(). После этого, всё, что необходимо сделать, - это добавить вызов preventDefault() в обработчик события клика мышью. Пример разметки и кода показан ниже:

1. Разметка. Создаем гиперссылку. В ней указан некоторый URL в атрибуте href. Но мы предотвратим переход по ссылке


	<a id="customLink" href="http://google.com">При клике по этой ссылке ты не сможешь перейти на Google</a>

	

2. Обработчик на jQuery. Добавляем в обработчик click вызов метода preventDefault(). Результат - отмена перехода по ссылке и вывод нашего сообщения.


	 

	$("a#customLink").click(function(event) {

	    

	    event.preventDefault();

	    alert("Мы не перешли по ссылке, а вывели своё сообщение!");

	});​

	

 

Демо:



Last Updated on Wednesday, 25 April 2012 22:25
 
Автор статьи: Damascus
Всего статей: 62
Рейтинг: 3111
Страница Google+: Google

Found Error?

Система Orphus

Site Statistics

Яндекс.Метрика

Our Pages


Allineed.Ru © 2009-2012 - Allineed.Ru - ответы на IT вопросы, статьи о разработке, IT и программном обеспечении. При использовании материалов сайта ссылка обязательна. Использование данного сайта и любой его части означает принятие условий Пользовательского Соглашения.
Allineed.Ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.