How to run a Javascript function everytime f5 is used to refresh the page

Question

The following code works for the first time that the page is loaded but when the page is refreshed using F5, it does not work on Firefox. In Chrome it works fine.

$(document).ready(function() {
    $("iframe").each(function() {
        // Using closures to capture each one
        var iframe = $(this);
        iframe.on("load", function() { // Make sure it is fully loaded
            iframe.contents().click(function(event) {
                iframe.trigger("click");
            });
        });

        iframe.click(function() {
            alert("Clicked...");
        });
    });
});

check here http://stackoverflow.com/questions/6504982/jquery-behaving-strange-after-page-refresh-f5-in-chrome — renakre, Apr 30 '15 at 04:46
Use `.on()` to attach event handler, like `iframe.on( "click", "a.offsite", function() { alert( "Clicked..." ); });` See the reference: http://api.jquery.com/live/#event-delegation — Dayton Wang, Apr 30 '15 at 04:50

score 0 · Accepted Answer · edited May 05 '15 at 05:47

0

This code works fine for me

$(document).ready(function () {
    document.getElementById('main_iframe').contentWindow.location.reload(true);
    $('iframe').load(function () {
        $(this).contents().find("body").on('click', function (event) {
            alert("clicked....")
        });
    });
});

edited May 05 '15 at 05:47

Shaunak D

20,588
10
46
79

answered May 02 '15 at 04:07

Smila

1,130
8
16

score -2 · Answer 2 · answered Apr 30 '15 at 04:50

-2

put all your code in jQuery(function(){ //here }) and all will be ok. That runs whens the page loads, each f5 action, remove the other code for testing reload.

answered Apr 30 '15 at 04:50

Patrick Mutwiri

1,301
1
12
23

How to run a Javascript function everytime f5 is used to refresh the page

2 Answers2