doppio evento non cancellabile su elemento dom

[nourdine]

carissimi ...

ho una domandina per gli esperti. Vi spiego la situazione:

ecco il codice semplificato del mio problema:

function Foo(id) {
   
   var dom = document.getElementById(id);
   
   function clickHandler() {
      console.log("hello")
   }
   
   this.init = function() {
      dom.addEventListener("click", clickHandler, false);
   }
}
var o1 = new Foo("xxx");
o1.init();

delete(o1); // cancellazione dell'oggetto

var o2 = new Foo("xxx");
o2.init();

quando o1 viene deferenziato il listener sull'oggetto dom wrappato rimane!! infatti come vedete all'onclick esegue 2 log e non uno solo come mi aspettavo. Come si puo' fare a ripulire completamente un oggetto dom da eventi e ecc?

ho provato a usare:

dom.removeEventListener("click", clickHandler, false);

all'interno di init ma niente! il doppio log rimane

[nourdine]

nobody?

[TrueLies]

<div id="xxx">ciao</div>

<script type="text/javascript">
function Foo(id) {
   
   var dom = document.getElementById(id);
   
   function clickHandler() {
      alert("hello")
   }
   
   this.init = function() {
      dom.addEventListener("click", clickHandler, false);
   }
}
var o1 = new Foo("xxx");
o1.init();

dom.removeEventListener('click', o1.clickHandler, false);/*cancellazione dell' EVENTO assegnato dall' oggetto o1 a dom, prima di cancellare o1 o dom lo eredita*/
o1=null; // cancellazione dell'oggetto

var o2 = new Foo("xxx");
o2.init();
</script>

[nourdine]

avevi fatto a pugni con lo scope un pò. cho dato una ripulita, grazie comunque:

<div id="xxx">ciao</div>

<script type="text/javascript">
function Foo(id) {
   
   var dom = document.getElementById(id);
   
   function clickHandler() {
      console.log("hello")
   }
   
   this.init = function() {
      dom.addEventListener("click", clickHandler, false);
   }
   
   this.resetDom = function() {
      dom.removeEventListener('click', clickHandler, false);
   }
}

var o1 = new Foo("xxx");
o1.init();

/* cancellazione dell' EVENTO assegnato dall' oggetto o1 a dom, prima di cancellare o1 o dom lo eredita */
o1.resetDom();

var o2 = new Foo("xxx");
o2.init();
</script>