MouseWheel mit 8 jährigem Code

[Mathias1000]

Ich melde mich seit Jahren wieder mal zurück und habe folgende Frage:

Ich habe folgenden Code in einem alten Programm von mir gefunden.
Braucht es diese Abfrage noch, oder kann ich getrost nur die Zeile bei IE9 nehmen ?
Ich denke da mit IE6/7/8 kann ich sicher getrost weglassen, mit solchen Oldies ist sicher niemand mehr unterwegs.
Wie sieht es mit der Zeile von Firefox aus.

    var meinCanvas = document.getElementById("WebGL-canvas");

    if (meinCanvas.addEventListener) {
        // IE9, Chrome, Safari, Opera
        meinCanvas.addEventListener("mousewheel", mouseWheel, false);
        // Firefox
        meinCanvas.addEventListener("DOMMouseScroll", mouseWheel, false);
    }
// IE 6/7/8
    else {
        meinCanvas.attachEvent("onmousewheel", MouseWheelHandler);
    }

    meinCanvas.onmousedown = mouseDown;
    meinCanvas.onmousemove = mouseMove;
    meinCanvas.onmousewheel = mouseWheel;

 

[Mathias1000]

Ich hatte dazumal schon mal gefragt

onmousewheel und FireFox

Wieso funktioniert folgender Code nicht in FireFox ? Wird dort das Mausrad nicht unterstütz ? In Chrom, IE und Opera geht es. function mouseWheel(Event) { if (Event.wheelDelta < 0) { mat4.scale(mRotationMatrix, [1.1, 1.1, 1.1]); } else { mat4.scale(mRotationMatrix...

forum.jswelt.de

Aber ich denke nach über 8 Jahren hat sich sicher einiges geändert.

 

[mo]

so würde ich das lösen:

var meinCanvas = document.getElementById("WebGL-canvas");

meinCanvas.addEventListener("mousewheel", mouseWheel, false); // Für IE9, Chrome, Safari, Opera
meinCanvas.addEventListener("DOMMouseScroll", mouseWheel, false); // Für Firefox

meinCanvas.onmousedown = mouseDown;
meinCanvas.onmousemove = mouseMove;
meinCanvas.onmousewheel = mouseWheel;

damit gehen halt keine wirklich alten Browser mehr (IE6/7/8 oder steinalte Firefox-Versionen)

 

[Mathias1000]

Danke für die Info.

Ich habe es jetzt so gemacht wie hier beschrieben.

Element: wheel event - Web APIs | MDN

The wheel event fires when the user rotates a wheel button on a pointing device (typically a mouse). It is also fired for related devices that simulate wheel actions, such as trackpads and mouse balls.

developer.mozilla.org

Und das ganze Listner-Zeugs weggelassen.

 meinCanvas.onwheel = mouseWheel;

Probiert habe ich es mit FireFox, Chrome, Chromium, Brawa und Opera.

Mit IE und Edge kann ich es nicht testen, da ich kein Windoof mehr habe.
Und bei Mobilgeräten gibt es sowieso kein Mausrad. Da müsste man es anders implementieren.

Kann es sein, das in den letzten Jahren das Mousewheel-Event besser implementiert wurde ?

damit gehen halt keine wirklich alten Browser mehr (IE6/7/8 oder steinalte Firefox-Versionen)

Ich denke, Oldies zu unterstützen hat bei Browser keinen Sinn, da man diese sowieso immer aktuell halten soll.