How to open a new pop-up window by clicking anywhere on the page?

Question

I’m willing to make sure after the visitor click anywhere on my page to open a pop-up window behind the main window the visitor is in. So he will not see the window that has been opened.

I’m using this function:

window.onload = function()
{
    document.onclick = function( e )
    {
        window.open( 'http://www.google.com' );
    }
}

The problem with this function above is that it only opens a new tab.

I would like it to open as this function below:

function myFunction() {
     window.open("http://google.com", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=1, left=1, width=1, height=1");     
}

But with this function above it only opens if there is a button to click. I wanted him to open up when you click anywhere on the page. But behind the main window.

Answer 1

Put the function outside the window.onload that will work.

Example:

document.onclick = function( e ){
 myFunction();
}

function myFunction() {
window.open("http://google.com", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=1, left=1, width=1, height=1");
}

See working on Jsfiddle

window.onload is halted only after all html,css,images files have been loaded, now if you only need HTML(DOM) you can use without or putting one $(document).ready().