Getting the cursor position using javascript not working in firefox

Question

I have a javascript like

function getCursorPosition(e) {
        e = e || window.event;
        var cursor = {x:0, y:0};
        if (e.pageX || e.pageY) {
            cursor.x = e.pageX;
            cursor.y = e.pageY;
        } 
        else {
            cursor.x = e.clientX + 
                (document.documentElement.scrollLeft || 
                document.body.scrollLeft) - 
                document.documentElement.clientLeft;
            cursor.y = e.clientY + 
                (document.documentElement.scrollTop || 
                document.body.scrollTop) - 
                document.documentElement.clientTop;
        }
        return cursor;
    }

document.onmouseup = function(e){
    cursor = getCursorPosition();
    alert(cursor.x + ':' + cursor.y);
};

this code alerts the X and Y position where the cursor is clicked. This works good in IE 7/8, Chrome/Safari, Opera 10 . But on testing with firefox 4.0 beta 1, it is not working.

On googling, many websites gave me the same code. But it is not working in ff 4.0b

Is this a bug with ff 4.0b ? or can anyone suggest me another cross browser cursor position script ?

in ie/opera... you have a global window.event object, thats why it works on those platforms... see: quirksmode.org/js/introevents.html#link10 — Roki
– Roki, Commented Jul 14, 2010 at 8:03

jevakallio · Accepted Answer · 2010-07-14 07:55:32Z

3

You should pass the event to the getCursorPosition method:

document.onmouseup = function(e){
    cursor = getCursorPosition(e); //<== added the "e" argument here
    alert(cursor.x + ':' + cursor.y);
};

answered Jul 14, 2010 at 7:55

jevakallio

36k4 gold badges109 silver badges114 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brock Adams · Accepted Answer · 2010-07-14 08:01:17Z

1

Or lose getCursorPosition() completely and use extremely cross-browser jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
    function jQueryMain ()
    {
        $(document).mouseup (function (evt) {alert (evt.pageX + ':' + evt.pageY);} );
    }

    $(document).ready (jQueryMain);
</script>

answered Jul 14, 2010 at 8:01

Brock Adams

94k23 gold badges242 silver badges312 bronze badges

Collectives™ on Stack Overflow

Getting the cursor position using javascript not working in firefox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related