Перенаправление обработки событий родительским элементам

12 Січ
12.01.2013

Art Depo Programming Tips

Часто возникают ситуации, когда вся область объекта должна реагировать на определенное событие. А внутри объекта располагается другой объект, который также должен реагировать на это событие, при этом не вызывая событие родителя. Например, при клике на ссылку производится переход на другую страницу, а при клике на крестик внутри ссылки, она удаляется из списка:


<a href="./about.html">Go to the About page <span title="Delete" rec-id="1213">X</span></a>

$(function(){
	$('a').click(function(e){
		var url = e.target.href;

		e.preventDefault(); // предотвращает стандартное поведение ссылки
		loadPage(url);
	});
	$('a span').click(function(e){
		deleteRecord($(this).attr('rec-id'));

		e.stopPropagation();
	});
});
Теги: ,