Javascript code to detect any page changes? (maybe via AJAX)

15,936

use .live() ?

$(document).ready(function()
{
    $(document).live("onchange",function()
    {
        // blah?
    });
});
Share:
15,936
PixelPerfect3
Author by

PixelPerfect3

Updated on October 19, 2022

Comments

  • PixelPerfect3
    PixelPerfect3 over 1 year

    I'm new to writing Javascript, and here's what I'm doing/trying to do.

    When a page loads (window.onload) my Javascript code goes through all the forms in a page and attaches a certain onchange method to them. This works fine for most websites on the internet, except when a page dynamically updates to load more forms on the page. How do I detect such an event and re-run my function?

    For example:

    The Facebook Newsfeed has a bunch of forms associated with all the different statuses/links posted. My code goes through them and attaches the listener. But if go you all the way down the page automatically updates to reveal more statuses/links/etc. (or you click the "Older Posts" link) - but now my javascript code has not run globally again.

    Anyway I can do that?

    EDIT: I am writing a browser extension.