Call function on every click (HTML includes frames)

Question

I have a function that should be called on EVERY click on the page.

So I tried to add an EventListener to the document:

 document.onclick = function() { /* Do Something */ };

but the problem is that there are many frames on my website

(I know frames are evil and not supported in HTML 5)

So I tried to add an EventListener to every frame:

window.onload = window.setInterval(  
    function() {  
        frames = getFrames();  
        for(var i=0;i<frames.length;i++) 
            frames[i].addEventListener("click", function () {
                //Do Something 
            }
    });
}, 50);

function getFrames() {
    var frameset = document.getElementsByTagName("FRAMESET")[1];
    var frame = frameset.getElementsByTagName("FRAME");
    return frame;
}

My HTML looks like this:

<frameset rows="100px,30px,*,5%">
    <frame src="topbar.php">
    <frame src="toolbar.php">
    <frameset cols="25%,40%,*%">
        <frame src="content.html>
        <frame src="content.html">
        <frame src="content.html">
    </frameset>
    <frame src="endbar.php">
</frameset>

Now working with:

window.onload = window.setInterval(
    function() {
        frames = getFrames();
        for(var i=0;i<frames.length;i++) 
            frames[i].contentDocument.onclick = 
                function() {
                    //Do Something
                    }
        };
}, 50);

it's not clear, you want an onclick event to happens every time you click on a tag without the onclick attribute? — mautrok, Aug 26 '15 at 12:11
I want to add the onclick event to the contentDocument of every frame to fire a function on every click. — error 404 username_not_found, Aug 26 '15 at 12:12
it's allready answered here http://stackoverflow.com/questions/8054429/how-do-i-handle-a-click-anywhere-in-the-page-even-when-a-certain-element-stops — mautrok, Aug 26 '15 at 12:14
it should look like document.onclick = function() {}. Just as a EventListener for every frame. — error 404 username_not_found, Aug 26 '15 at 12:16
If "frames are evil" (they are defiantly are) why you using them? Why not just include the toolbar topbar etc? Seems like a much easier problem to solve. — cyroxis, Aug 26 '15 at 12:24

score 1 · Accepted Answer · edited May 23 '17 at 11:58

1

according to me the only way to solve your problem is do somthing like this post:
How do I handle a click anywhere in the page, even when a certain element stops the propagation?
and import the jquery libraries, if you don't have it allready

edited May 23 '17 at 11:58

Community

1
1

answered Aug 26 '15 at 12:19

mautrok

961
1
17
41

now i get a `ReferenceError: jQuery is not defined` – error 404 username_not_found Aug 26 '15 at 12:27
i have write it:) do you have import the jquery library? – mautrok Aug 26 '15 at 12:27
`` – error 404 username_not_found Aug 26 '15 at 12:28
my advice is to not use the googleapis, but to download the apis and make a lib folder where to point, because if somthing change in the version there is thing that could work in different way from your expectation, despite this can you do a fiddle? or post the head of your html page? – mautrok Aug 26 '15 at 12:30
` ` – error 404 username_not_found Aug 26 '15 at 12:37
ok in web page the order of your import have importance move the apis before the myscript.js – mautrok Aug 26 '15 at 12:40
the function isn´t triggered – error 404 username_not_found Aug 26 '15 at 12:43
substitute your tag with body $('frameset').onclick – mautrok Aug 26 '15 at 12:43
sorry $('frameset').click – mautrok Aug 26 '15 at 12:46
where should i insert that? – error 404 username_not_found Aug 26 '15 at 12:47
script is now `$("frameset").click( function() { console.log("function called"); });` – error 404 username_not_found Aug 26 '15 at 12:58
so still not working? shall we open a fiddle so we solve it together? – mautrok Aug 26 '15 at 13:00

Call function on every click (HTML includes frames)

1 Answers1