Använda eventhandlers för funktioner i objekt...

Jag vet att det står om det här nånstans i Netscapes JavaScript Core Guide men jag kan inte hitta det just nu så det som står nedan är som jag kommer ihåg det i huvudet och kan därför vara fel...

Om du definerar din test()-metod självständigt och i konstruktorn för objektet refererar till den så borde det fungera som du vill. Alltså:

function DivClass(inp, id) {
  document.body.insertAdjacentHTML("beforeEnd", "<div name=\"xxx\" id=\"" + id + "\">Text: " + inp + " <br />Id: " + id + " </div>")
  this.el = document.getElementById(id);
// Mozilla
//  this.el.addEventListener("mousemove", this.mousemove)
// IE/Opera
  this.el.attachEvent("onmousemove", this.mousemove)
  [b]this.test = testfunction;[/b]
}

function testfunction() {
  alert('Test OK!');
}

Alternativt att du flyttar in hela funktionsdefinitionen i konstruktorn.

Som sagt, det funkar ändå inte, eftersom mousemove inte är refererad som event handler, utan att en kopia av funktionen mousemove är event handler. Därmed så motsvarar this inuti mousemove, när den fungerar som event handler, inte instansen av DivClass, utan något annat, kanske event-objektet eller div'en som funktionen kallades från. (Orkar inte kolla)
Ditt exempel gör i praktiken samma sak som mitt.

Det jag behöver är en funktion som attachar en event handler, men refererar den!

Re: Använda eventhandlers för funktioner i objekt...

Två problem.

Första:

nitro2k01 skrev:

this.el.attachEvent("onmousemove", this.mousemove)

Ska du referera till en prototyp i konstruktorn så får du ändra this.mousemove till:

DivClass.prototype["mousemove"]

Andra:

nitro2k01 skrev:

DivClass.prototype.mousemove=function(){
	this.test();
}

this refererar inte till en DivClass instans utan till det DOM objektet som triggat händelsen, i detta fallet ett div objekt.

Det finns ett par olika lösningar på problemet, den enklaste är att skapa en referens till this i konstruktorn och använda denna i händelse hanteraren.

Re: Re: Använda eventhandlers för funktioner i objekt...

Hansen skrev:

Två problem.

Ska du referera till en prototyp i konstruktorn så får du ändra this.mousemove till:

DivClass.prototype["mousemove"]

Nej jag vill ju kunna knyta varje div till en (eller, bör nämnas, i vissa fall flera) instanser av objektet. Jag vill inte referera till funktionen i prototypen.

Hansen skrev:

Andra:

nitro2k01 skrev:

DivClass.prototype.mousemove=function(){
	this.test();
}

this refererar inte till en DivClass instans utan till det DOM objektet som triggat händelsen, i detta fallet ett div objekt.

Det vet jag ju... Det är lösningen jag är ute efter :)

Hansen skrev:

Det finns ett par olika lösningar på problemet, den enklaste är att skapa en referens till this i konstruktorn och använda denna i händelse hanteraren.

Hur då? Typ...

this.thisref = this;

...? Då kvarstår ju samma problem!

Re: Re: Re: Använda eventhandlers för funktioner i objekt...

nitro2k01 skrev:

Hansen skrev:

Det finns ett par olika lösningar på problemet, den enklaste är att skapa en referens till this i konstruktorn och använda denna i händelse hanteraren.

Hur då? Typ...

this.thisref = this;

Nej, testa med en privat instans variabel.

Hmmm, ge gärna ett exempel... Var ska jag skapa variabeln för att den ska bli åtkomlig för den event handlern, men ändå specifik för ett objekt.

nitro2k01 skrev:

[...]Var ska jag skapa variabeln för att den ska bli åtkomlig för den event handlern, men ändå specifik för ett objekt.

I konstruktorn.

var self = this;

Exempel:

    function Screamer(message) {
        var self = this;

        this.handler = function() {
            self.scream();
        }
        
        this.scream = function() {
            alert(message);
        }

        setTimeout( this.handler, 1000 );
    }

:o :o :o :o :o

:f :f :f :f :f

Tack så extremt mycket Hansen. Tack även morpher som försökte antyda detta tidgare. jag bara tog för givet att det inte skulle funka... :| (Och morpher, du glömde ju dock att flytta in handler-funktionen i konstruktorn.)

Hansen » Du svarade även på en annan fråga jag undrade över, nämligen hur man gör samma sak, men med setTimeout. Jag vet att jag har provat att skicka en funktion till setTimeout förut, men att det inte funkade. men det gjorde det visst nu!

Som sagt, tusen tack. Nu måste jag gå och försöka utveckla detta: Ett "fönster-i-webbläsaren"-system, som jag i princip hade övergett pga detta problem!

:f :f :f :f :f