我怎样才能使网页上的任何地方都可以点击并导航到一个地址而不使整个页面成为一个链接？

Question

我正在尝试让这个网站 http://quoteswag.ga 只需点击空白处或引文上的任意位置即可点击进入随机引文，但我不想让它看起来像是 link 与鼠标手和 url 状态等出于审美目的。我已经搜索了使用 javascript 执行此操作的方法，但找不到正确的解决方案。

我只想让页面在用户单击空格或引号或包含空格 and/or 引号 div 的 div 时导航到 /random。

我假设使用 javascript 或 jquery 不会太难，但我根本不是这些专家。谢谢

Answer 1

好像添加一样简单

<script type="text/JavaScript">
$('.redirection').click(function() { window.location.href = 'http://...'; });
</script>

并将 class redirection 添加到所有可点击的元素。或者，将事件应用到 all 个元素：

<script type="text/JavaScript">
$(document).click(function() { window.location.href = 'http://...'; });
</script>

请注意，使用后一种效果甚至可以应用于徽标、页脚等内容。

Answer 2

在这里试试这个：

<script type="text/javascript">
        document.onclick = function (e) {
                        window.open("http://www.google.nl", "_blank");
                        return false;
        };
    </script>

Answer 3

从您的网站来源，有一个 div 和 class 名为 container container-quote 这个 div 应该是一个 hyper link 如下：

<a href="#">
   <div class="container container-quote">.....
   </div>
</a>

然后你必须应用以下 CSS:

<style>
 a:link, .container.container-quote *{
  text-decoration: none;
  color:inherit;
   cursor: default;
}
</style>

查看此演示：http://jsbin.com/xevejuvohe/1/