Event Handlers i IE

<ole>

function addEvent(obj, evType, fn){
    if (obj.addEventListener) {
        obj.addEventListener(evType, fn, false);
        return true;
    } else {
        obj["on"+evType] = fn;
        return true;
    }
}

/mvh
</bole>

- eller bare:

function addEvent(obj, evType, fn){
    if (obj.addEventListener) obj.addEventListener(evType, fn, false);
    else obj["on"+evType] = fn;
    return true;
}

Hvis syntaksen:
    obj["on"+evType] = fn;
- undrer dig, kan du prøve at kikke på denne artikel:
    http://www.eksperten.dk/artikler/227

Hej Ole,

Jeg var på vej ud af døren, så mit problem blev vist ikke beskrevet grundigt nok. Mit problem var ikke med at få event'en vedhæftet. Problemet var at IE ikke forstod this.parentNode.id.

Jeg fik løst problemet af en fyr via e-mail. Løsningen for IE var at bruge window.event.srcElement;

function test() {
    if (!this.parentNode) {
        var obj = window.event.srcElement;
    } else {
        var obj = this;
    }
    var temp = obj.parentNode.id;
    alert(temp);
}

Læg et svar så deler vi point.

Nej, problemet er, at du ikke forstår, hvad attachEvent gør - og hvordan den virker  :)
Når du tilføjer en event med den metode, vil ordet 'this' i den pågældende event-handler referere til browserens window-objekt - ikke som forventet til objektet, der har fået påhæftet event-handleren. Derfor kan IE naturligvis heller ikke finde this.parentNode.id  ;o)

Derfor er min løsning en hel del fiksere, da du - når du har påhæftet event'en - efterfølgende kan bruge samme syntaks i alle browsere. I virkeligheden behøver din funktion blot at se sådan ud:

function addEvent(obj, evType, fn){
    obj["on"+evType] = fn;
    return true;
}

- hvilket er helt standard JS, som alle browsere forstår ... også FF og andre Mozilla'er.

Når ikke, der er forskel på browserne, er der ingen grund til selv at introducere forskelle  ;o)

Med din funktion løber jeg vel ind i problemer når jeg vedhæfter event nummer to, ikke?

Med andre ord. Jeg troede fordelen ved at bruge addEventListener() og attachEvent() at man kan vedhæfte så mange funktioner som man lyster. Hvorimod man med obj["on"+evType] = fn; vil overskrive alle tidligere vedhæftede funktioner.