jQuery back or forth button

Question

Possible Duplicate:
Is there a way to catch the back button event in javascript?

How can I detect a back or forth button click?

e.g.

if(back_button_clicked)
{
    alert('back button was clicked');
}
else if(forward_button_clicked)
{
    alert('forwardbutton was clicked');
}

As I want to run some special functions when the user does this.

You have just asked the same question -> http://stackoverflow.com/questions/8080151/running-jquery-ajax-function-when-user-clicks-the-back-or-forward-buttons — Manse, Nov 10 '11 at 14:58

score 2 · Answer 1 · answered Nov 10 '11 at 14:47

2

You can't. Browser buttons like back and forward are not revealed to Javascript. You could use JQuery's unload() event to run code when the user leaves the page, that's about it.

answered Nov 10 '11 at 14:47

Nate B

6,338
25
23

score 0 · Answer 2 · answered Nov 10 '11 at 14:44

0

Try this jQuery plugin -

http://tkyk.github.com/jquery-history-plugin/

answered Nov 10 '11 at 14:44

rogerlsmith

6,670
2
20
25

I'm already using a history plugin! What I need to do is run some function when a user clicks one of those buttons. – Cameron Nov 10 '11 at 14:46

score 0 · Answer 3 · answered Nov 10 '11 at 14:46

0

You can bind to the unload event of the window :

$(window).unload( function () { alert("Bye now!"); } );

jQuery Documentation

But this wont tell you the direction - is this important ?

answered Nov 10 '11 at 14:46

Manse

37,765
10
83
108

score 0 · Answer 4 · answered Nov 10 '11 at 15:30

0

window.onpopstate = function (evt) {
    if (event.state) {
        alert('back or forth clicked');
    }
}

answered Nov 10 '11 at 15:30

Cameron

27,963
100
281
483

Only a handful of browsers support the History APIs (pushState, and onpopstate) – gen_Eric Nov 10 '11 at 15:41
This looks like you plagiarized [Andy's answer](http://stackoverflow.com/questions/8080151/running-jquery-ajax-function-when-user-clicks-the-back-or-forward-buttons/8080184#8080184) from your duplicate question. – Brock Adams Nov 11 '11 at 01:15
I would hardly call it plagarism! Rather showing the answer to the question and it wasn't a duplicate question rather an answer that solves both problems! – Cameron Nov 11 '11 at 11:47

jQuery back or forth button

4 Answers4