Manuale jQuery

Ferma la propagazione degli eventi sugli elementi padre

Esempio

<script>
$(document).ready(function(){
	$("#padre1").click(function(event){
		alert("ELEMENTO  PADRE 1");
	});
	$("#figlio1").click(function(event){
		event.stopPropagation();
		alert("ELEMENTO  FIGLIO 1");
	});
	$("#padre2").click(function(event){
		alert("ELEMENTO  PADRE 2");
	});
	$("#figlio2").click(function(event){
		alert("ELEMENTO  FIGLIO 2");
	});
});
</script>
<div id="padre1">
	ELEMENTO PADRE 1
	<div  id="figlio1">ELEMENTO FIGLIO 1</div>
</div>
<div id="padre2">
	ELEMENTO PADRE 2
	<div  id="figlio2">ELEMENTO FIGLIO 2</div>
</div>

Nell’esempio, se si clicca sul figlio 1, viene scatenato solo l’evento dell’oggetto corrente e non del padre; mentre cliccando su figlio 2, vengono scatenati entrambi gli eventi