[Javascript] propagazione eventi

Damage92 · 01-03-2011, 15:31

Salve!
Non riesco a capire come funziona la propagazione degli eventi. Ho letto questo articolo:
http://www.quirksmode.org/js/events_order.html
ma nella pratica non sembra funzionare!
Ad esempio, in questa pagina:

Codice:

<html><body>

<div id="nero" style="height:100px; width:100px; background:black; top:0px; left:0px; position:absolute"></div>
<div id="verde" style="height:50px; width:50px; background:green; top:0px; left:0px; position:absolute"></div>

<script type="text/javascript">
	nero = document.getElementById("nero");
	verde = document.getElementById("verde");

	nero.addEventListener("click", function() {alert('nero')}, false);
	verde.addEventListener("click", function() {alert('verde')}, false);

</script>
</body></html>

vorrei che cliccando sul div verde, sia eseguita anche la funzione del div nero!
Dovrebbe essere eseguita durante la fase bubbling, ma non funziona!

Qualcuno può aiutarmi? Grazie mille!

MEMon · 01-03-2011, 18:10

Quote:

Originariamente inviato da Damage92

Salve!
Non riesco a capire come funziona la propagazione degli eventi. Ho letto questo articolo:
http://www.quirksmode.org/js/events_order.html
ma nella pratica non sembra funzionare!
Ad esempio, in questa pagina:

Codice:

<html><body>

<div id="nero" style="height:100px; width:100px; background:black; top:0px; left:0px; position:absolute"></div>
<div id="verde" style="height:50px; width:50px; background:green; top:0px; left:0px; position:absolute"></div>

<script type="text/javascript">
	nero = document.getElementById("nero");
	verde = document.getElementById("verde");

	nero.addEventListener("click", function() {alert('nero')}, false);
	verde.addEventListener("click", function() {alert('verde')}, false);

</script>
</body></html>

vorrei che cliccando sul div verde, sia eseguita anche la funzione del div nero!
Dovrebbe essere eseguita durante la fase bubbling, ma non funziona!

Qualcuno può aiutarmi? Grazie mille!

Ci deve essere un padre e un figlio, nel tuo caso sono due div che non hanno niente a che fare l'uno con l'altro.

Damage92 · 01-03-2011, 18:45

Quote:

Originariamente inviato da MEMon

Ci deve essere un padre e un figlio, nel tuo caso sono due div che non hanno niente a che fare l'uno con l'altro.

Grazie mille, non ci sarei mai arrivato!
Non c'è un modo per far propagare un evento tra due elementi separati ma sovrapposti?

MEMon · 01-03-2011, 18:47

Quote:

Originariamente inviato da Damage92

Grazie mille, non ci sarei mai arrivato!
Non c'è un modo per far propagare un evento tra due elementi separati ma sovrapposti?

Propagare l'evento no.

Damage92 · 03-03-2011, 14:50

Quote:

Originariamente inviato da MEMon

Propagare l'evento no.

Non per forza far propagare l'evento, per quello che serve a me (sto lavorando ad un'estensione per Opera) basterebbe simulare il click su quello che sta sotto il mio div.
Grazie, ciao.

01-03-2011, 15:31	#1
Damage92 Senior Member Iscritto dal: Sep 2008 Città: Roma Messaggi: 1382	[Javascript] propagazione eventi Salve! Non riesco a capire come funziona la propagazione degli eventi. Ho letto questo articolo: http://www.quirksmode.org/js/events_order.html ma nella pratica non sembra funzionare! Ad esempio, in questa pagina: Codice: <html><body> <div id="nero" style="height:100px; width:100px; background:black; top:0px; left:0px; position:absolute"></div> <div id="verde" style="height:50px; width:50px; background:green; top:0px; left:0px; position:absolute"></div> <script type="text/javascript"> nero = document.getElementById("nero"); verde = document.getElementById("verde"); nero.addEventListener("click", function() {alert('nero')}, false); verde.addEventListener("click", function() {alert('verde')}, false); </script> </body></html> vorrei che cliccando sul div verde, sia eseguita anche la funzione del div nero! Dovrebbe essere eseguita durante la fase bubbling, ma non funziona! Qualcuno può aiutarmi? Grazie mille!

Strumenti
Mostra una versione stampabile Invia questa pagina per email