test su mouseout e mouseover

[nourdine]

ciao

date un'occhiata a questo test che ho creato: http://www.nourdine.net/_more_/rep/r...ut_out_in.html

in pratica ci sono 2 div:

- uno grigio esterno
- uno verde interno (contenuto in quello grigio)

ho registarto onmouseover e onmouseout su entrambi. i listenter stampano a console l'azione che si e' appena eseguita (dovete avere firebug attivo) tipo: "OUT div esterno" o "IN div interno" ecc.

quello che non capisco e perche quando si passa col mouse dal div grigio a quello verde in consolle si ha:

OUT div esterno
IN div interno
IN div esterno

* bene il primo messaggio: stiamo in fatti entrando in quello verde e di conseguenza uscendo da quello grigio
* bene anche il secondo: siamo infatti entrati in quello verde
* ma il terzo messaggio proprio non lo capisco! perche' spara anche il mouseover del div esterno? ma se sono appena entrato in quello verde?

help!

[Xinod]

perche' l' evento risale il documento nella fase di bubbling
http://javascript.html.it/articoli/l...-javascript/1/

onmouseover="console.log('IN div esterno ['+event.eventPhase+']')"

quando vedi 3 sei in bubbling

[nourdine]

giusto!!! azz! ... ogni volta che un evento e' scatanato risale il DOM (bubbling) ... se ci sono elementi a monte con un listener specifico per quel particolare evento allora eseguiranno il codice associato.

ok grazie per la rinfrescata!

ciao