如何使网页上的任何地方可点击并导航到地址，而无需使整个页面成为链接

How can I make anywhere on a webpage clickable and navigate to an address without making the entire page a link?

本文关键字：链接 地址 网页 何使 任何地 方可点 导航      更新时间：2023-09-26

我试图让这个网站 http://quoteswag.ga 点击到一个随机引用，只需单击空格或引用上的任意位置，但我不想让它看起来像是出于美学目的而与鼠标手和 url 状态等的链接。我已经寻找了一种使用 javascript 执行此操作的方法，但找不到正确的解决方案。

我只是希望每当用户单击空格或引号或包含空格和/或引号div 的div 时，页面都能导航到/random。

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

似乎就像添加一样简单

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

并将类redirection添加到所有可点击的元素中。或者，将事件应用于所有元素：

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

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

从您的网站源代码中，有一个名为 container container-quote 的类div 这个div 应该是一个超链接，如下所示：

<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/

在这里试试这个： 

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