Event.ClientX is not working in firefox and chrome

Question

I have coding which is working in IE but not in firefox and chrome...

 function handleWindowClose() {
            if ((window.event.clientX < 0) || (window.event.clientY < 0))
             {
                 event.returnValue = "Are You sure to leave this page";
             }
         }
         window.onbeforeunload = handleWindowClose;

Can anyone help me...

Check out: http://stackoverflow.com/questions/2116177/windows-event-is-undefined-javascript-error-in-firefox — Mike Christensen, Apr 06 '12 at 15:13

score 8 · Answer 1 · answered Apr 06 '12 at 16:21

8

window.event is a IE-only thing. To get it to work in other browsers you have to get the event as an argument of the handler function:

function handleWindowClose(e) {
    e = window.event || e; 
        if ((e.clientX < 0) || (e.clientY < 0))
        {
            e.returnValue = "Are You sure to leave this page";
        }
}
window.onbeforeunload = handleWindowClose;

answered Apr 06 '12 at 16:21

ccpizza

28,968
18
162
169

window.event is also supported by chrome safari and opera. – Charles Oct 09 '14 at 08:00
1

Don't forget to add window scrollLeft and window scrollTop if you're positioning an item. – Nov 04 '14 at 15:29

score 1 · Answer 2 · answered Apr 06 '12 at 15:25

maybe just add mousemove handler that will store mouse position in variable

var mouse;
function storeMouse(e)
{
    if(!e) e = window.event;
    mouse = {clientX: e.clientX, clientX:e.clientY};
}
function test(e){
     alert(mouse.clientX);
}

and use jquery?

  $(window).bind('beforeunload', function() {
    if (iWantTo) {
        return 'Are You sure to leave this page';
    }
});

Event.ClientX is not working in firefox and chrome

2 Answers2