Preventing unintentional navigation away from MVC app

[davidryan]

Hi there,

I am yet to add full history support to my MVC application and would like a quick solution to prevent accidental navigation away from the application - made all the more likely for Mac users thanks to touch pad gestures.

My initial thought was to capture beforeunload events and to return a message to the user. This works fine, except I have a logout routine that redirects the user away from the MVC. I don't want to change this behaviour, but my understanding is that the only influence you have over beforeunload is setting the message displayed to the user, as this is a browser event.

Apart from implementing Ext.History support, are there any other suggestions?

Many thanks,
Dave.

[scottmartin]

Have a look at: window.onbeforeunload

Scott.

[davidryan]

Hi Scott,

Thanks for your response.

I should have been more specific, that is the event I was referring to. My understanding of window.onbeforeunload is that you can't influence its behaviour.

So, in my situation, if I use window.onbeforeunload that back button and browser refresh are trapped. However, any other action that causes navigation away from the app is also trapped (e.g. logout and session timeout). I.e. if the user clicks logout, they get the window.onbeforeunload popup (annoying) and if the session times out the logout process is also interrupted by the window.onbeforeunload popup (more than annoying).

Basically I would like a solution that only capture the back button action, but doesn't complain if the logout button is clicked or the session times out. Does that make sense?

Any other suggestions?

Cheers,
Dave.

[ddanatzko]

Have you tried using Ext.util.History?

http://docs.sencha.com/ext-js/4-0/#/...t.util.History

I have the same issue in an app I'm building, but I'm just using the onbeforeunload. I will be implementing History soon though...Good Luck!

[scottmartin]

You would have to research this a bit online. It sounds like you would have to interfere with the default browser behavior to get what you want.

Scott.

[davidryan]

Ext.History it is :-)

Thanks,
Dave.

[vinit8704]

Even I am having the same problem, can you please tell me how you have solved this issue.