ianrogren/jquery-backdetect

jQuery backDetect is a jQuery plugin that is used to determine when a user clicks the back button and fire a callback function.

jquery-backdetect's Issues

Does not work for IE11 and Edge

Browser testing was done for http://www.vvaves.net/jquery-backDetect/

The code does not fire for IE11 on Win 7 or Edge on Win 10.

For IE11, when hovering over the Back Button, the following message is displayed:

"Back to The webpage cannot be displayed (Alt+Left)"

when back, forward button disappeared

1. Open a.html and then go to b.html in the same tab.
2. From b.html, click the browser back button it will redirect back to a.html but forward button also disappeared after some milliseconds.

1x1.png URL change

Correct me If I'm wrong but the 1x1.png file URL used in the <iframe> is hardcoded and can't be personnalized with frameDataSrc ?

jquery-backDetect/jquery.backDetect.js

Line 35 in 7b39235

$('<iframe src="1x1.png?loading" style="display:none;" id="backDetectFrame" onload="jQuery.fn.frameInit();"></iframe>').appendTo(backDetectValues.frameThis);

Thanks !

Preventing default action

I'd like to submit an Ajax request when the user clicks the back button, but I can't figure out how to prevent the default action happening i.e. the browser goes to the previous page.

Is there something I'm missing on this?

No Press Detected for iOS Chrome Mobile

I am unable to catch the back button press when on an iPhone running Chrome. Is this a known issue?

Browser back works only if user clicks on the current web page.

Back event gets triggered only when only when I click or do some actions on the current page

the below function gets triggered only when user manually do some click on the web page.
$.fn.frameInit = function initFrame() {

Scenario1:
Open new tab in Chrome browser and load a.html , go forward to the next page (say, b.html).
click on browser back button. The plugin dosent work

Scenario2:
Open new tab in Chrome browser and load a.html , go forward to the next page (say, b.html).
Now click somewre around the page (b.html) or press any key on the keyboared.
Now click on the browser back button. the plugin works as expected..

Something odd

Thank you for this library.

If I trigger an alert the page will stay still until I close the alert, but if I use a bootstrap model it will take a second (I am not using the delay option) or two after showing the modal and it will go back to the previews page.

What am I missing?

The plugin causes the webpage to be recorded twice in the back button history of Chrome browser.

1. Add below script (as per the plugin) (say, a.html) :

$('body').backDetect(function () {
alert ("blah");
});

2. Now, open new tab in Chrome browser and load a.html , go forward to the next page (say, b.html).
3. Right click on back button and you will see the page is recorded twice in the history.

This leads to hitting back twice to get out of the initial page (a.html).