JavascriptProva

lunedì 18 marzo 2013

Eventi nell'ambito del DOM

Un oggetto genitore e un oggetto figlio:
<div id="oggetto">
 <div id="oggetto1">
 </div>
</div>
Secondo i fogli di stile, li coloro diversamente e do loro una grandezza consona:
#oggetto{
 top:0px;
 left:10px;
 width:100px;
 height:100px;
 background-color:red;
 position:absolute;
} 
#oggetto1{
 width:50px;
 height:50px;
 background-color:blue;
 position:absolute;
}
Ecco...

Ora, essendo la mia pagina collegata alle opportune mie "librerie" dragdropS.js e funzioni.js, che consentono il trascinamento degli oggetti, vado a trascinare il "contenitore", ossia il "genitore".
Se trascino il genitore, anche il figlio si muove solidalmente.
Se trascino il figlio, questo se ne va per cavoli suoi.

Perchè?

Se ho capito bene, il bubbling fa in modo che l'evento subito dal figlio venga intercettato ed elaborato dal genitore.
No!
Nel mio dragdrop, l'evento non è intercettato dai DIV, ma da document. Questo impone un diverso modo di pensare...

Nessun commento:

Posta un commento