mouse wheel zooming does not work in Opera 11, IE9 about svgpan HOT 6 CLOSED

If you use this this code:

if (window.addEventListener)
        /** DOMMouseScroll is for mozilla. */
        window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;

to setup mousewheel events instead of the one in SVGPAN.js then it works also 
in Opera and IE9.

The following seemed to work for me (version 1.2.2):

    //if(navigator.userAgent.toLowerCase().indexOf('webkit') >= 0)
            window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari
    //else
            window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Others

I modified it as follows to get it to work in Opera, Chrome, Safari, Firefox, 
and IE9:

    if (navigator.userAgent.match(/like Mac OS X/i)) {
        window.addEventListener('gesturechange',handleMouseWheel,false); // iOS gestures (UNTESTED)
    } else if (navigator.userAgent.toLowerCase().indexOf('firefox') >= 0) {
        window.addEventListener('DOMMouseScroll', handleMouseWheel, false); // Firefox
    } else {
        window.addEventListener('mousewheel', handleMouseWheel, false); // Chrome/Safari/Opera/Explorer9
    }

I haven't yet tested the iOS gesture code.

@ #3

Had to change it from window.addEventListener… to root.addEventListener… to 
make it work. Thanks! 

I tried all the above but could not get it to work properly in IE11...

I traced the source of the problem to getEventPoint...

I amended the code as below and it worked!

/**
 * Instance an SVGPoint object with given event coordinates.
 */
function getEventPoint(evt) {
    if(evt==null){return;}
    var p;
    try
    {
        p = root.createSVGPoint();
    }
    catch(e)
    {
    }

    if(p==null)
    {
        var svgDoc = evt.target.ownerDocument;
        var g = getRoot(svgDoc);
        p = g.nearestViewportElement.createSVGPoint();
    }

    p.x = evt.clientX;
    p.y = evt.clientY;

    return p;
}