全屏 link jQuery 或 JavaScript

Question

我有一个只有背景图像作为内容的响应式索引页。当你点击的时候，在页面的任何地方，必须有一个link到首页。

其次，如果访问者在整个页面上看到一个 link 图标（不知道 'hand' 叫什么），而不是一个简单的指针，那就太好了，所以他立即知道整个页面上的所有内容都是可点击的。

在网上搜索了很多，也许我的问题太简单了，到处都找不到答案，甚至在教程中也找不到。

这是我已经根据我所知道的了解的。不完整，第三行肯定不正确，我不知道语法。

<script type="text/javascript"> 
$("body").on("click", function(){
    $(this).a href 'home.html'();
});
</script>

谢谢！

Answer 1

您可以在没有 JavaScript 的情况下执行此操作。

使用锚点（无需光标样式）并使用 CSS 使其填充整个 window。

注意：如果 CSS 被禁用，此示例还允许文本回退。

.full-page {
        background:url("http://placehold.it/50x50") repeat;
  
        /* full page link */
        bottom:0;
        left:0;
        position:fixed;
        right:0;
        top:0;
        
        /* hide text */
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    } 

<a class="full-page" href="/home.html">Click to go home</a>

Answer 2

转到特定 url 在您的 .click() 函数中执行 window.location.href

要使光标成为一只手，请在 css

中执行 cursor: pointer;

$(document).ready(function() {
  $('body').on('click', function() {
    window.location.href = "http://www.google.com";
  });
});

html, body {
  height: 100%;
}
.body {
  height: 100%;
  background-color: lightgray;
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="body">
</div>