HTML open link click anywhere

Question 1

that's an interesting question with many solutions. I'll post two.

Solution 1 - use a full width anchor tag

<html>
    <head>
        <style>
            html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
            a { display: block; width: 100%; height: 100%; }
        </style>
    </head>
    <body>
        <a href='#'></a>
    </body>
</html>

Solution 2 - use javascript, and add a click event on the body

<html>
    <body onclick='window.location.href="http://google.com"'>
    </body>
</html>

Question 2

Since you are using it for a mobile app, it's best to use pure JavaScript:

function OpenWin(){
  window.open("url");
}
window.onclick = OpenWin();

Question 3

Just add an event listener to the body so that the URL opens when they click anywhere:

document.getElementsByTagName("body")[0].addEventListener("click", function(){
  window.open(url);
});

Question 4

You can try like this codes.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 
<html><head> 
<title>body onclick test</title> 
</head> 
<body onclick="window.location.href='newpage.html';"> 
<h1>onclick test</h1> 
<p>test</p> 
</body> 
</html>

Question 5

This will work, you do not need the div tag but I think it looks better and would help add control for styling later. One issue you might run into is text styling which will just need a CSS styling for the text color and decoration to get rid of unwanted underlines.

<html>
    <body>
        <a href='link.com'>
            <div>
                All content
            </div>
        </a>
    </body>
</html>

Question 6

Try this for tab event-

 document.onkeydown = function(e){
    if (e.keyCode == 9) {
        alert("");
       window.open("www.google.com");

  }
}